好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

高手求教请问下做一个4行3列的表格不用TABLE如何用ulli代码写_html/css_WEB-IT

高手求教请问下做一个4行3列的表格不用TABLE如何用ul li代码写


回复讨论(解决方案)

固定ul宽度高度,把li的宽度调成ul宽度的1/3,高度调成ul高度的1/4,li样式要左浮动

谢谢 学习了

其实浮动的时候还是有很多问题的
主要是浏览器的兼容性问题 还有就是你的布局是固定的 还是流体的
建议你上网多看看有关列表浮动的文章会对你很有帮助
IE6/7 浮动bug最多 但是也是最容易解决的 因为高手们都已经总结出来了解决方案 你照着来就可以了





New Document

*{margin:0;padding:0;}
body{font-size:12px; background:#fff;}
span,em,i{font-style:normal;}
ul li{display:block; height:25px; line-height:25px; margin-bottom:5px;}
ul li span,ul li em,ul li i{display:inline-block; width:60px; height:30px;background:red;}
ul li em{background:green}
ul li i{background:yellow;}






第一列 第二列 第三列
第一列 第二列 第三列
第一列 第二列 第三列
第一列 第二列 第三列

查看更多关于高手求教请问下做一个4行3列的表格不用TABLE如何用ulli代码写_html/css_WEB-IT的详细内容...

  阅读:32次