强制ul中li不换行
生活随笔
收集整理的這篇文章主要介紹了
强制ul中li不换行
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
| <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。
現(xiàn)在的問題是,不超出ul寬度的li可以排在一行中。但后邊的li自動換行了。有沒有辦法讓后邊的li繼續(xù)排在一行中。試過在li樣式中加clear:right;在ie6下正常,但ie8、ff無效。不知各位有何良方。
總結(jié)
以上是生活随笔為你收集整理的强制ul中li不换行的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 粽叶用开水烫有胶皮味?
- 下一篇: 阿勒泰至柳州麻蓝岛路程多远