强制ul中li不换行

简介: <style type="text/css"> <!-- #dh {     width: 300px;     overflow: hidden;     height: 30px;     background-color: #CCCCCC;     border: 1px solid 
< 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无效。不知各位有何良方。
目录
相关文章
|
8月前
|
前端开发
HTML中的pre标签表示空格或换行
HTML中的pre标签表示空格或换行
285 0
|
6月前
|
JavaScript
使用el-tab,el-tab-pane循环使用循环后不显示下划线问题
使用el-tab,el-tab-pane循环使用循环后不显示下划线问题
259 0
ul li 的属性值 去掉li的圆点
ul li 的属性值 去掉li的圆点
108 0
|
前端开发
CSS中强制ul li中的文字换行
&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;&lt;head&gt;&lt;meta h
1867 0
|
前端开发 JavaScript
css:white-space及文本回车换行符
css:white-space及文本回车换行符
402 0
css:white-space及文本回车换行符
|
开发者
换行和div span标签|学习笔记
快速学习换行和div span标签
179 0
换行和div span标签|学习笔记
ul li标签是什么元素?
ul li标签是什么元素?
151 0
|
Unix C++ Windows
回车"(carriage return)和"换行"(line feed)的区别和来历
这两天研究小票打印机编程手册,遇到这样一个问题: LF,即Line Feed,中文意思“换行”;CR,即Carriage Return,中文意思“回车”。
4961 1