急!急!急! li标签中图片在IE6浏览器中显示不正常，定义溢出属性之后文字内容会换行？情况如图所示

发布网友发布时间：2022-04-19 06:41

共3个回答

懂视网时间：2022-04-19 11:02

折腾好久了，搜了一下还真有牛人解决了这个问题。在使用UL和LI显示文字的时候，由于IE浏览器对LI的文字长度没有默认强制令起一行。导致如果文字超出UL设定的宽度再先有的位置上折行，造成显示问题。

解决方法：

代码如下:
ul li{
white-space:nowrap;
}

看清楚了，是li 设置这个属性，不是ul。

热心网友时间：2022-04-19 08:10

图片做成li的背景图片，然后时间的写法这么写：
<li style="background:url(图片路径) no-repeat 0 4px"><span style="float:right">2012-02-03</span>ConstructionConstruction...</li>
注意，那个4px可以调节，让你的图片跟文字水平对齐！
希望对您有用！

热心网友时间：2022-04-19 09:28

li的长度是一定的，字数多了当然会“挤”出一行来。要么分成两行，要么加长度。