有没有人用过表格来进行流畅的布局？

Question

创建流畅的布局是一个巨大的痛苦。现在，我完全理解应该避免像魔鬼这样的布局的表，但是...在我看来，表单元格非常适合整个可用的空间。

有没有人用桌子来做完美的流畅布局？请告诉我其中的危险和陷阱。

Answer 1

使用表格进行布局的主要缺点是被反表格狂热分子嘲笑和否决:)

好吧，说真的，“狂热分子”是有道理的。表格最适合用来表示表格数据。这导致了一个更具“语义”的网络。而且，作为一个非常实用的观点，使用它们进行布局可能会使屏幕阅读器感到困惑，以为表格的单元格中包含了一些有用的数据。(确实存在，但嵌套得更深-不是直接嵌套在布局单元格中。)

然而，似乎有一些布局是离不开表格的。我工作的网站必须几乎完全‘流动’-我有许多客户共享相同的网站模板，我真的不知道他们会希望他们的标题，菜单或内容的大小(宽度，高度)。因为我不能设置特定的大小，甚至不能设置百分比，所以我需要使用表格。使用基于表的布局，一切都可以很好地分布，而不会造成任何麻烦。应该放在同一行的项目总是这样。而colspans和rowpsans也很方便。

编辑:我应该补充说，css显示的一些值可以帮助div表现得像表格单元格一样。我还没有真正使用过这些，所以我不知道他们是否允许我替换我的基于表格的布局。

此外，深度嵌套的表格布局是一种灾难，应该避免。我说的是一个包含和定位主站点元素的顶层表。

Answer 2

你不能，除非你在谈论用一个表替换元素，比如div。如果你说的是让整个页面变成一个表格，那么你就是倒退了两步，根本不做流畅布局，只做表格布局。

Answer 3

如果你把它们做成一个块，Divs也会填满整个空间：

<div style="display:block">

块尽可能多地填充空间。inline只填充div内容所需的空间。

一个很好的参考：http://www.w3schools.com/css/pr_class_display.asp

一旦你真正开始使用css，你就会遇到需要相同高度的三列，这真的很nice...until :)