ie6的li不换行

wenfei307 2011-11-09 11:58:28

上图
这个是ie8、ff等其他正常的情况

这个是ie6下的变形状况

...全文

217 7 打赏收藏转发到动态举报

写回复

7 条回复

切换为时间正序

请发表友善的回复…

发表回复

wenfei307 2011-11-09

打赏
举报

回复

错了，不是这个样子。

IE8:|中文测试01| |中文测试02|
|中文测试03|
IE6:|中文测试01| |中文测试02| |中文
测
试
03
|

wenfei307 2011-11-09

打赏
举报

回复

不晓得怎么回事图片出不来。
手打把。
正常情况为：|中文测试01| |中文测试02| |中文测试03|
IE6情况为：|中文测试01| |中文测试02| |中文
　　　　　　　　　　　　　　　　　　　　　　测
　　　　　　　　　　　　　　　　　　　　　　试　　　　　　　　　　　　　　　　　　　　　
　　　　　　　　　　　　　　　　　　　　　　03
　　　　　　　　　　　　　　　　　　　　　　|

wenfei307 2011-11-09

打赏
举报

回复

不晓得怎么回事图片出不来。
手打把。
正常情况为：|中文测试01| |中文测试02| |中文测试03|IE6情况为：|中文测试01| |中文测试02| |中文
　　　　　　　　　　　　　　　　　　　　　　测
　　　　　　　　　　　　　　　　　　　　　　试　　　　　　　　　　　　　　　　　　　　　
　　　　　　　　　　　　　　　　　　　　　　03
　　　　　　　　　　　　　　　　　　　　　　|

三石-gary 2011-11-09

打赏
举报

回复

兄弟你图片挂了。。。

wenfei307 2011-11-09

打赏
举报

回复

上面是那个li的class

wenfei307 2011-11-09

打赏
举报

回复



.smallclass{float:left; color:#A4A4A4; padding-left:5px; width:auto;}

wenfei307 2011-11-09

打赏
举报

回复

顾家工艺真皮沙发，那个是出问题的li

折腾好久了，搜了一下还真有牛人解决了这个问题。在使用UL和LI显示文字的时候，由于IE浏览器对LI的文字长度没有默认强制令起一行。导致如果文字超出UL设定的宽度再先有的位置上折行，造成显示问题。解决方法：复制代码代码如下: ul li{ white-space:nowrap; } 看清楚了，是li 设置这个属性，不是ul。

昨天在使用css结合div布局的时候碰到了一个问题。在一个规定宽度大小的ul里边我把li的宽度定义为自动。企图让li根据内容长度来自动向左对齐排列。

次的情况与上次不同，上次直接将浮动的元素移到不浮动的元素之前就可以解决问题，而这次的float:right 时元素换行错位的情况，在下文也给出了不错的解决方法

在IE6下只要我设置LI的宽度为auto，不论LI里面的内容多长，LI的宽度始终是100%，即UL的宽度(这里我已经写死了UL的宽度)。设置max-width也没用。高手们，在IE系列浏览器中如何使LI的宽度真正的随着内容增长而增长呢？像FF那样。

当文字很长的时，不管是IE还是firefox，到达边界都会自动换行。但是有的情况，我们并不希望这样。比如：在网页中的某个区域显示一个使用ul li 标签的文章标题列表。不想让每行的文字自动换行，那就可以用css属性white-space来解决。代码如下： CSS Code复制内容到剪贴板 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://ww

61,125

社区成员

60,706

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章