CSS中还有什么不能做的?

6 html css layout html-table

不久之前,我试图找出一种不使用表格布局的方法:

<table>
  <tr><td rowspan="2">Left column</td></tr>
  <tr><td>Right Top</td><td>Right bottom</td></tr>
</table>
Run Code Online (Sandbox Code Playgroud)

最终我放弃了,并决定没有桌子是不可能的(好吧,CSS 3可能会,但等待另外5到10年是不切实际的).

有没有人有这样的例子?(或者甚至更好,你能告诉我我错了吗?)

ann*_*ata 4

回答标题中的问题,有些尴尬、很难或不可能做到的事情:

  • 变量和计算(表达式不算数,变量对于颜色清理等事情会很方便)
  • 垂直居中
  • 将尺寸设置为“剩余空间”(如表中的“*”)
  • 有效地混合相对和绝对单位(上述内容可以解决大部分问题)
  • 圆角、褪色背景、阴影等风格效果
  • 文本中的空白控制
  • 标准化的子像素舍入(这不是直接的 CSS 问题,而是环境的结果)

其中一些内容是为了公平的未来而写下的。