如果要完全使用DIV+CSS布局设计网站,可以用DIV+CSS仿table来替代table,这种方式没有table方便,还要兼顾不同浏览器的显示效果,写不同的css hack。一般来说,网站设计时,并不是全部都是DIV+CSS布局才好,还应该考虑使用方便的问题,可根据需要用table,如数据的列表输出,用table比DIV简单明了。

DIV仿table,三行五列示例:

CSS:
#divtotb { width:1006px; line-height:150%; } #head div{ background-color:#EFF7FF; margin-top:0; height:30px; font-size:16px; font-weight:bold; } .row{ width:100%; font-size:14px; } .row div{ border:1px solid #96C2F1; height:20px; width:200px; float:left; margin-left:-1px; margin-top:-1px; text-align:center; display:block; }
HTML:
<div> <div> <div>第一行第一列</div> <div>第一行第二列</div> <div>第一行第三列</div> <div>第一行第四列</div> <div>第一行第五列</div> </div> <div> <div>第一行第一列</div> <div></div> <div></div> <div></div> <div></div> </div> <div> <div>第二行第一列</div> <div></div> <div></div> <div></div> <div></div> </div> </div>


© 活着的博客 - 李权辉的个人博客:人,终究是生活在现实之中,是为了活着而生活.