日期:2014-05-17 浏览次数:20577 次
??? 分享一个div+css布局ul+li替代table表格小例子,为和我一样不懂css的朋友有一个参考,也给自己留一个笔记:
.list{margin:2px auto; width:98%;} .list li.columnhead{font-size: 14px;font-weight:bold;} .list li,.list li.columnhead{ width:24%;line-height: 30px;height: 30px;text-align:center;float: left;margin:0 0 1px 1px;list-style:none; }
?
?
<ul class="list"> <li class="columnhead">用户名</li> <li class="columnhead">性别</li> <li class="columnhead">年龄</li> <li class="columnhead">出生年份</li> <li>wilr</li> <li>男</li> <li>21</li> <li>1990年</li> </ul>