论坛仍有人在讨论用DIV来拼凑一个表格,之前已经提过 table建站、DIV建站以及XHTML建站的区别 ,W3C不提倡整站使用TABLE套用,并不是说TABLE就一事无成,什么地方都不能使了。相反,该用TABLE的地方是提倡使用TABLE的。

例如下面的的布局,你需要用几个DIV来浮动?

demo-table

最合理的方法,就是使用表格来实现表格,经过 HeTingYi 的发布以及 goos 的简化,代码如下:

页面结构:

游客类别 日票(人民币.元) 夜票(人民币.元)
成人 170 100
学生 125(文章出自 uicss.cn 转载请注明出处)
儿童 85 50
老年 35 30

CSS部分:

*{
padding:0;
margin:0;
font:12px/1.5em “SimSun”;
}
body {padding:100px;}
table {
width:400px;
text-align:center;
background:#DEE4FF;
border:solid 5px #DEE4FF;
}
.col1,.col2 {width:30%;}
.col3 {width:40%;}
th,td {vertical-align:middle;}
table th{color:#fff;background:#4F86FF;}
table td{color:#2467FA;background:#A1BEFF;}