使用 CSS 创建适当的布局（类似表格）答案

【问题标题】：Creating proper layouts (table-like) with CSS使用 CSS 创建适当的布局（类似表格）
【发布时间】：2009-10-22 23:19:12
【问题描述】：

如何使用 CSS 正确创建布局？

即如果我要替换之前使用的 html 表格，我该如何进行演示？

使用<tables>，我将所有部分和不同区域对齐并正确显示（至少在我看来）。如果其中一个单元格值是一列要增加，它将动态增加列的大小，并且下一列中的数据将被推送以适应增加。
所有这些对于表格来说都很方便，作为一名开发人员，我从来没有真正考虑过它，直到我决定取消表格。

问题是，我们需要进行布局，就像我们在表格中呈现表格数据的方式一样。整齐排列，有点像表格（我不知道，我遗漏了很多关键动词和形容词来表达我的意图。但我想你明白了）。如何使用纯 CSS 实现这一目标？

你能指出一个理想的例子或说明我应该关注的属性吗？

编辑：我不想显示表格数据。我只是觉得演示文稿有点像表格（比如雅虎主页）

【问题讨论】：

标签： html css

【解决方案1】：

桌子并不总是邪恶的。如果您的数据看起来像表格，请使用表格！

【讨论】：

【解决方案2】：

您可以考虑使用 CSS 框架，例如文档齐全且有用的 Blueprint。

【讨论】：

【解决方案3】：

好吧，如果您要呈现表格数据，那么您应该使用表格 - 这是它的设计目的。

【讨论】：

【解决方案4】：

我认为你不应该这样做。

“表格用于表格数据。”

所以请使用表格！

但如果您不想要这个建议，这里有一个可能的解决方案：

【讨论】：

【解决方案5】：

看一下 Blueprint CSS 框架，它可以让您快速将数据布局在列和单元格中，从而形成表格结构。 Blueprint CSS 框架的最大优势在于它易于实现并且可以跨浏览器工作。

【讨论】：

【解决方案6】：

实际上大多数开发人员现在都在使用DIV 样式页面，您可以在这里找到不同的布局：Create Your Custom Layout。

【讨论】：