使用CSS创建适当的布局(类似于表格)

时间:2009-10-22 14:23:55

标签: html css

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

I.e。如果我要替换之前使用过的html表,我该怎么做演示?

使用<tables>我将所有部分和不同区域对齐并正确显示(至少在我看来)。如果其中一个单元格值是要增加的列,则会动态增加列的大小,并且将推送下一列中的数据以适应增加。
所有这些东西都很方便,桌子和开发人员从来没有真正想过它,直到我决定放弃桌子。

问题是 ,我们需要做的布局很像我们在表格中呈现表格数据的方式。整齐排列和类似表格(我不知道,我错过了很多关键动词和形容词来表达我的意图。但你得到了我想的观点)。如何使用纯CSS实现这一目标?

你能指出一个理想的例子或陈述我应该看的属性吗?

编辑: 我不是要显示表格数据。我觉得这个演示文稿有些像表格一样(比如雅虎主页)

6 个答案:

答案 0 :(得分:7)

表并不总是邪恶的。如果您的数据看起来是表格,请使用表格!

答案 1 :(得分:3)

您可以考虑使用CSS框架,例如记录良好且有用的Blueprint

答案 2 :(得分:2)

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

答案 3 :(得分:2)

我认为你不应该这样做。

“表格用于表格数据。”

所以请使用表格!

但如果你不想要这个建议,这里有一个可能的解决方案:

http://www.dev-archive.net/articles/table-in-css.html

答案 4 :(得分:2)

看一下Blueprint CSS框架,它可以让您快速地在列和单元格中布局数据,从而使表格像结构一样。如果Blueprint CSS框架易于实现并且它可以跨浏览器工作,那么这是一个很大的优势。

http://www.blueprintcss.org/

答案 5 :(得分:1)

实际上,大多数开发人员现在都在使用DIV样式页面,您可以在此处找到不同的布局:Create Your Custom Layout

  1. Div更灵活,在客户端计算机上加载的时间更短
  2. 大多数浏览器支持DIV
  3. 这是一篇很好的文章:Throwing tables out the window