div+css布局ul+li替代table

    分享一个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>