<
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无效。不知各位有何良方。
