在CSS中还不能做什么？

Question

不久前，我试图找出一种不使用表格布局的方法：

<table>
  <tr><td rowspan="2">Left column</td></tr>
  <tr><td>Right Top</td><td>Right bottom</td></tr>
</table>

最终我放弃了，并决定不能没有表(好吧，CSS3也许可以，但是再等5-10年是不现实的)。

有没有人有更多这样的例子？(或者更好的是，你能证明我错了吗？)

Answer 1

回答标题中的问题，笨拙的，非常困难的或不可能做的事情：

drop sanitising)

• vertical centring

• setting变量和计算(表达式不算数，并且vars对于像颜色空间尺寸这样的东西来说很方便(像表格中的"*“)有效地混合相对和绝对单位) environment)

• 有效地混合相对和绝对单位(上面将解决大多数这些issues)
• stylistic效果，如圆角、褪色背景、text
• standardised子像素舍入中的drop shadows
• white
• (这不是直接的CSS问题，而是CSS的结果

其中一些东西是为未来而写的，这已经是公平的了。

Answer 2

你可能想看看this question的答案。有一些有趣的CSS代码提交了答案-包括一个解决了我以前从未见过的问题的构造。还有很多非常有用的链接。

Answer 3

有人回答了这个设计是否可行的问题。但是我有一个不能用css完成的事情的例子。出于某些原因，您需要显式地设置表的cellspacing和cellpadding。即使有margin和padding属性，也不能通过css进行设置。这是我一直认为非常烦人的事情，因为我总是想通过css控制表格的边距和填充。

例如。

<h1> This table won't have it's margin or padding reset </h1>
<table style="padding: 0; margin: 0;">
    <tr><td>a</td><td>b</td></tr> 
</table>

<h1> This table will... </h1>
<table cellspacing="0" cellpadding="0">
    <tr><td>a</td><td>b</td></tr> 
</table>