使用div复制表格布局

时间:2011-10-12 18:01:10

标签: html css

我对div的布局不太好,相反我习惯使用表格。我想知道是否有人可以指导我使用div作为布局,所以我使用表的习惯会停止。所以说,有人帮我用div创建两行三列吗?感谢任何人的帮助。

3 个答案:

答案 0 :(得分:2)

基于div的布局有很多例子。

简单的Google搜索会带来大量信息:

http://www.google.ca/search?gcx=c&sourceid=chrome&ie=UTF-8&q=creating+a+div+layout

这是一个不错的选择:

http://www.456bereastreet.com/lab/developing_with_web_standards/csslayout/2-col/

这篇全面的文章将它们联系在一起。绝对读到这个:

http://coding.smashingmagazine.com/2009/04/08/from-table-hell-to-div-hell/

答案 1 :(得分:1)

你会发现使用带有CSS的div几乎不会出现问题...它几乎总是列,并且适当地“浮动”它们会给你带来困难。对于这方面的教程,我一直是floatutorial的粉丝。更具体地说,对于您的情况,他们有tutorial on a liquid three-column layout

答案 2 :(得分:1)

有几种不同的方法可以做你想做的事。

以下是两种方式:http://jsfiddle.net/Cq4G3/14/

请记住新的显示:早于IE8的任何东西都不支持table-cell,table和table-row,所以你可能最好不要使用浮动,直到旧浏览器死掉并埋葬。< / p>