天天看點

dispaly:table布局

 <style type="text/css">  

.content_b {

display: table;

width: 100%;

margin:0;

padding:0

}

.content_b li {

display: table-cell;

border: 1px solid #ccc;

text-align: center;

height: 100px;

border-right: none;

line-height: 100px;

}

    </style>  

<ul class = "content_b">  

   <li>我</li>

   <li>橫</li>

   <li>向</li>

   <li>布</li>

   <li>局</li>

   <li>了</li>

</ul>

說明:display: table當用到橫向布局而不想使用浮動的時候可以用它,非常好用。