我知道有很多好的参数比基于表格的布局更喜欢CSS定位。我想知道的是CSS模型是否完整（假设一个相对现代的浏览器）相对于表的所有功能。表格是否可以实现CSS不可能或不切实际的布局？
我知道有很多好的参数比基于表格的布局更喜欢CSS定位。我想知道的是CSS模型是否完整（假设一个相对现代的浏览器）相对于表的所有功能。表格是否可以实现CSS不可能或不切实际的布局？
如果可以的话，我会切换到基于CSS的布局。讽刺论证是正确的，但有实际考虑。表格将：
有css显示属性（table-cell等）模仿其中的一些，但我不相信支持已经足够广泛使用它们（除非你可以控制用户的浏览器选择）。
我工作的网站需要在布局中有竞争力的动态列宽。多个客户使用相同的网站模板，我不知道它们将放入菜单或页眉或内容单元格中。 （并且不知道他们会发现什么有吸引力，这是另一个问题...）使用单个外部表布置网站的主要部分允许我需要的灵活性，而不用担心稍微过宽的菜单会推动主内容框下移到下一行，或者背景颜色不会填充所需的高度。
在完美（对我而言）的世界里，我们会有 <table>用于表格数据，另一个用于布局的几乎相同的标签集 - 称之为 <layout> （以及相应的行和单元格标签）。或者，将“模式”属性添加到 <table> tag - 值为'data'和'layout'，以便屏幕阅读器和搜索引擎知道该怎么做。也许在html 6 ...
编辑：我想补充说，关于'浮动包装'的事情 - 在SO上有一个当前的问题，答案非常有效 这里。它并不完美，而且我太复杂了，但在很多情况下它会解决问题。
如果可以的话，我会切换到基于CSS的布局。讽刺论证是正确的，但有实际考虑。表格将：
有css显示属性（table-cell等）模仿其中的一些，但我不相信支持已经足够广泛使用它们（除非你可以控制用户的浏览器选择）。
我工作的网站需要在布局中有竞争力的动态列宽。多个客户使用相同的网站模板，我不知道它们将放入菜单或页眉或内容单元格中。 （并且不知道他们会发现什么有吸引力，这是另一个问题...）使用单个外部表布置网站的主要部分允许我需要的灵活性，而不用担心稍微过宽的菜单会推动主内容框下移到下一行，或者背景颜色不会填充所需的高度。
在完美（对我而言）的世界里，我们会有 <table>用于表格数据，另一个用于布局的几乎相同的标签集 - 称之为 <layout> （以及相应的行和单元格标签）。或者，将“模式”属性添加到 <table> tag - 值为'data'和'layout'，以便屏幕阅读器和搜索引擎知道该怎么做。也许在html 6 ...
编辑：我想补充说，关于'浮动包装'的事情 - 在SO上有一个当前的问题，答案非常有效 这里。它并不完美，而且我太复杂了，但在很多情况下它会解决问题。
CSS没有很好的方法来处理真正表格的数据。如果您的数据本身是按行和列结构化的，那么 table 标签仍然是呈现它的最佳方式。虽然你可以在CSS中“伪造它”，但是由于没有真正的原因，它会导致复杂，难以维护的代码。
请注意，表格数据并不一定只是表示数字表。有时，表单和其他类型的交互式内容也可以是表格式，如果它们的字段在逻辑上将自己分组为列和行。关键是要问自己，“如果我在页面上写出来并且计算机与它无关，我会将数据视为行和列吗？”
表是指并且应该用于表格数据，而不是用于结构。我个人认为表格被用作一种简单的方法，我从未遇到过用CSS无法解决的情况。
对于垂直定位和全高度列，表格肯定更容易，但这也可以通过CSS克服。
我有一个！有些东西在我看来不可能用css，但可以用表格。我昨天刚问了一个问题并得到了答案。
如果在一行上有两个单独的元素，无论宽度如何，都必须使用表。也就是说，如果这两个元素是内联的或浮动的，如果它们是动态大小并且变得比容器宽，它们将分裂到下一行而不是溢出。如果你绝对要求它们保持在同一条线上，即使第二条线会溢出容器的宽度，那么它们也需要是表格行中的单元格。
编辑：一些测试显示这只适用于浮点数。如果您的元素以内联或内联方式显示，则可以进行设置 white-space:nowrap 在容器上。然而在这种情况下，似乎（无论如何在FF中）元素之间存在一个神秘的空间，这对于我昨天的目的而言应该是一个问题。
看起来很糟糕？
但是说真的。没有。
人们使用表格的一个很好的例子是，它们以一种漂亮的方式呈现表单字段变得容易得多，但它完全混淆了页面的可访问性和语义含义。你可以用更多的CSS努力来实现同样的目标。
你可以用CSS做同样的事情，但它通常不那么优雅。
表格很重要 表格数据 （即不是布局）。它们是逻辑的，语义的构造，应该这样使用。它们包含像列和行这样的概念，而CSS本身却没有。
表格能做什么，CSS定位不能？
从理论上讲，没什么，因为你可以使用 display: table;， display: table-cell; 或其他此类值 显示。
<ArgumentOnSemanticsUsabilityAndAcessibility />
save you time
在标记中使用它们（表格）和你 不必为此而烦恼 定位或关于跨浏览器 兼容性。表几乎可以工作 跨浏览器的方式相同