强制ul中li不换行

<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不换行相关推荐

前端中全部盒子靠左对齐_图文详解ul中li内容垂直居中和水平居中的方法
在页面布局时,经常会用到li标签,它可用于列表,导航,选项卡等等,那你知道如何让ul中的li居中吗?这篇文章就和大家讲讲如何让ul中的li水平居中以及如何让li内容垂直居中.感兴趣的朋友继续往下看吧. ...
html循环自动点击事件,js循环遍历ul中li的点击事件，给给选中li添加css
功能:对于一个ul中固定的li个数,当点击其中一个li时,改变选中li的颜色:同时改变对应的另一个ul中li的颜色页面初始化的界面: HTML: 其他推荐: 10:21 10:22 10:25 10 ...
js ul 清缓存_JavaScript使用ul中li标签实现删除效果
本文实例为大家分享了js使用ul中li标签实现删除效果的具体代码,供大家参考,具体内容如下 ul { list-style: none; } li { background-color: #ddd; ...
如何设置ul中li的行距
默认情况下是下面的样子,行距太大了,不美观,需要调整. 但是像下面这样给ul或li设置行高是无效的, ul { display:block; list-style-type:none; line-he ...
js向ul中写html语言,javascript操作ul中li的方法
本文实例讲述了javascript操作ul中li的方法.分享给大家供大家参考.具体如下: /p> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tra ...
html多个ul时怎么选择某个li,选中多个ul中的第一个li方法
获取第一个ul中的第一个li标签的方法: //获取第一个ul中的第一个li /* $("ul li:first").css("background"," ...
html li 不换行显示,css如何让li强制不换行？
ul 和 li默认都是块状元素,总是在新行上开始,占据一整行.那么如何强制li不换行?下面本篇文章就来给大家介绍一下使用CSS让li强制不换行的方法,希望对大家有所帮助. 在CSS中,可以使用floa ...
ul中的li横排问题
ul中的li横排距中问题 ul中的li横排相信大家都能做到,但是如果li不设宽度,不加浮动,还必须水平距中,相信就有点难度了吧. li都不设宽度,如何让ul中的li横排距中显示呢? 关键就在块的显示方 ...
如何在现有的ul中添加li？
我的代码看起来像这样: <div id="header"><ul class="tabs"><li><a href=& ...

强制ul中li不换行

强制ul中li不换行相关推荐

最新文章

热门文章