通常我們的需求就是讓div中的元素不換行
舉個例子
<ul>
<li><img src="img.gif" /></li>
<li><img src="img.gif" /></li>
<li><img src="img.gif" /></li>
<li><img src="img.gif" /></li>
<li><img src="img.gif" /></li>
<li><img src="img.gif" /></li>
<li><img src="img.gif" /></li>
<li><img src="img.gif" /></li>
<li><img src="img.gif" /></li>
<li><img src="img.gif" /></li>
<li><img src="img.gif" /></li>
</ul>
ul{
white-spacing:nowrap;//通過設置這個屬性可以讓元素不換行
}
ul li{
display:inline-block;//但是不換行的元素必須是行內塊級元素
float:left;
width:50px;
}