如果外面的宽度为600 看li有几列 然后在加1 为外面的总宽度。li的总宽度 为600-li的个数+1
<html><head><title>test</title><style type="text/css">
ul
{
}
{
margin:0px; padding:0px; width:200px;
}
li
{}
{ float:left; list-style-type:none; border-top:#000 solid 1px; border-left:#000 solid 1px; width:65px; }
.border-r
{}
{ border-right:#000 solid 1px; }
.border-b
{}
{ border-bottom:#000 solid 1px; }
.border-l
{}
{ border-right:#000 solid 1px; border-bottom:#000 solid 1px; }
</style></head><body><div><ul> <li>1</li> <li>&2;</li> <li class="border-r">&3;</li></ul><ul> <li>&1;</li> <li>&2;</li> <li class="border-r">&3;</li></ul><ul> <li>&1;</li> <li>&2;</li> <li class="border-r">&3;</li></ul><ul> <li class="border-b">&1;</li> <li class="border-b">&2;</li> <li class="border-l">&3;</li></ul></div></body></html>
<html><head><style>*
{}
{ margin:0; padding:0; font-size:12px; color:#000;}
#biaoge
{}
{ width:405px; margin:50px auto;}
#biaoge li,#biaoge li.biaotou
{}
{ list-style-type:none; width:100px; height:30px; line-height:30px; text-align:center; float:left; margin-left:1px; margin-bottom:1px; background:#ccc;}
#biaoge li.biaotou
{}
{ background:#999;}
</style></head><body><ul id="biaoge"> <li class="biaotou">第一列</li> <li class="biaotou">第二列</li> <li class="biaotou">第三列</li> <li class="biaotou">第四列</li> <li>数据1-1</li> <li>数据1-2</li> <li>数据1-3</li> <li>数据1-4</li> <li>数据2-1</li> <li>数据2-2</li> <li>数据2-3</li> <li>数据2-4</li></ul></body></html>
扫一扫
1457
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
