如何使用CSS正确创建布局?
I.e。如果我要替换之前使用过的html表,我该怎么做演示?
使用<tables>
我将所有部分和不同区域对齐并正确显示(至少在我看来)。如果其中一个单元格值是要增加的列,则会动态增加列的大小,并且将推送下一列中的数据以适应增加。
所有这些东西都很方便,桌子和开发人员从来没有真正想过它,直到我决定放弃桌子。
问题是 ,我们需要做的布局很像我们在表格中呈现表格数据的方式。整齐排列和类似表格(我不知道,我错过了很多关键动词和形容词来表达我的意图。但你得到了我想的观点)。如何使用纯CSS实现这一目标?
你能指出一个理想的例子或陈述我应该看的属性吗?
编辑: 我不是要显示表格数据。我觉得这个演示文稿有些像表格一样(比如雅虎主页)
答案 0 :(得分:7)
表并不总是邪恶的。如果您的数据看起来是表格,请使用表格!
答案 1 :(得分:3)
您可以考虑使用CSS框架,例如记录良好且有用的Blueprint。
答案 2 :(得分:2)
好吧,如果您要呈现表格数据,那么应该使用表格 - 它就是它的设计目标。
答案 3 :(得分:2)
我认为你不应该这样做。
“表格用于表格数据。”
所以请使用表格!
但如果你不想要这个建议,这里有一个可能的解决方案:
答案 4 :(得分:2)
看一下Blueprint CSS框架,它可以让您快速地在列和单元格中布局数据,从而使表格像结构一样。如果Blueprint CSS框架易于实现并且它可以跨浏览器工作,那么这是一个很大的优势。
答案 5 :(得分:1)
实际上,大多数开发人员现在都在使用DIV
样式页面,您可以在此处找到不同的布局:Create Your Custom Layout。
这是一篇很好的文章:Throwing tables out the window