Html用css对UL li排版使用小例子:
<style>
.faceul{
margin: 20px auto;/*上下20px,左右居中 如果是四个参数的话,是上右下左*/
width: 350px;
height: 500px;
border: 1px solid blue;
list-style-type: none;/*去掉列表的点*/
padding:0;/*清空内部边距*/
}
.faceul li{
width: 50px;
height: 52px;
border: 1px solid green;
text-align: center;
float: left;/*左浮动,横向显示*/
margin-left: 5px;/*每个li的位置间隔*/
margin-top: 5px;
}
</style>
<!-- 行数会自动增加 -->
<ul class="faceul">
<li>第一列</li>
<li>第二列</li>
<li>第三列</li>
<li>第四列</li>
<li>第五列</li>
<li>第六列</li>
<li>第七列</li>
<li>第八列</li>
<li>第九列</li>
<li>第十列</li>
<li>第十一列</li>
<li>第十二列</li>
<li>第十三列</li>
</ul>