<style?type="text/css"> <!-- #dh?{ ????width:?300px; ????overflow:?hidden; ????height:?30px; ????background-color:?#CCCCCC; ????border:?1px?solid?#999999; } #dh?li?{ ????float:?left; ????white-space:?nowrap; } --> </style> <ul?id="dh"> ??<li>無序列表條目1</li> ??<li>無序列表條目2</li> ??<li>無序列表條目3</li> ??<li>...?...</li> </ul>

　　以上代碼有一問題解決不了，請各們幫忙。　

　　要求：ul寬度高度固定，li可能有多個，但需要排列在一行中，超出ul寬度的部分自動隱藏（注：要求不換行），兼容ie、firefox。

　　現在的問題是，不超出ul寬度的li可以排在一行中。但后邊的li自動換行了。有沒有辦法讓后邊的li繼續排在一行中。試過在li樣式中加clear:right;在ie6下正常，但ie8、ff無效。不知各位有何良方。

總結

以上是生活随笔為你收集整理的强制ul中li不换行的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。