2009-10-22 32 views
1

如何正确地使用CSS创建布局?使用CSS创建合适的布局(表格式)

即,如果我要替换之前使用的html表格,我该如何做演示?

随着<tables>我有所有部分和不同区域对齐和正确显示(至少对我来说)。如果其中一个单元格值是要增加的列,则会动态增加列的大小,并且会推动下一列中的数据以适应增加。
所有这些事情都很方便,作为一个开发者,我从来没有想过它,直到我决定放弃表格。

问题是,我们需要做的布局很像我们提出表表格数据的方式。整齐排列,类似于表格式(我不知道,我错过了许多关键的动词和形容词来表达我的意图,但你明白我的意思)。我如何用纯CSS实现这一目标?

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

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

+1

您可以显示您想要实现的屏幕截图吗?如果数据本质上是表格,那么表格是最好的解决方案。 – 2009-10-22 14:26:34

+0

网络上有很多关于在某些场景中保留表格而不是CSS的文章。只是谷歌周围一些。 – Miles 2009-10-22 14:27:57

+0

你应该看看http://en.wikipedia.org/wiki/Tableless_web_design – Cherian 2009-10-23 17:19:59

回答

1

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

  1. 事业部是更加灵活和消费将客户计算机
  2. 大多数浏览器支持DIV

这里是一个很好的文章上载更少的时间:Throwing tables out the window

+0

这是那种我正在寻找的答案 – 2009-10-22 16:48:34

7

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

+0

你也可以在表格中使用CSS! http://www.smashingmagazine.com/2008/08/13/top-10-css-table-designs/ – somacore 2009-10-22 14:30:29

2

那么,如果你要呈现表格数据,那么你应该使用表 - 这是它的目的。

3

您可以考虑使用一个CSS框架,像有据可查的和有用的Blueprint

+0

+1 BluePrint非常好,现在使用它,可以节省我大量的时间 – JonoW 2009-10-22 15:17:16

2

取看看Blueprint CSS框架,它可以快速地让您在列和单元格中布局数据,因此可以像表格一样结构。Blueprint CSS框架的优点在于易于实现并且可以跨浏览器使用。

http://www.blueprintcss.org/