css - 空白 : nowrap; applied to li. 在 IE 中不起作用

标签 css internet-explorer

http://forumgallery.rollinleonard.com/artists.php

空白:nowrap;适用于李。在 IE 中变得非常古怪。不是每个 .li 元素都放在一起并移动到下一行,而是整个事情变成了一个超长的行。

这里是css的相关部分(text.css)

.艺术家名单{ 边距:0px; 填充:0;

li.artiSTList{ 显示:内联; margin :0; 填充:0; 字体大小:.75em; 行高:1.7em; 字间距:5px; 空白:nowrap; } li.artiSTList:after { 内容:”, ”; } li.artiSTList:last-child:after { 内容:””; } li.last-child{ 内容:””; 显示:内联; margin :0; 填充:0; 字体大小:.75em; 行高:1.7em; 字间距:5px; } ul li{ margin :0; 填充:0;

.artiSTList li {content: expression(this.previousSibling==null?', ':'');}

最佳答案

white-space 的 nowrap 属性的描述是:“空格序列将折叠成一个空格。文本永远不会换行到下一行。文本在同一行继续,直到遇到 br 标签。”

你是说所有的 li 标签都是内联显示的吗?因为这就是您在声明“显示:内联”时指定的内容。由于所有列表元素都是内联的,并且没有 br 标记就无法换行,您将获得您在 CSS 中定义的确切行为。

关于css - 空白 : nowrap; applied to li. 在 IE 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3455156/

相关文章:

javascript - 增加 png 图像的背景大小而不缩放图像

javascript - IE8 event.currentTarget 为 null 或不是对象

Jquery 代码在 IE8 中不起作用。该怎么办?

jquery - JSTree与IE(7/8) : all non-leaf nodes open after tree loading

html - 在标题之后,将点设置到页面边缘

php - 带中继器的嵌套选项卡 - 高级自定义字段 Wordpress

jquery - 选择框在 Internet Explorer 中不起作用/消失

css - IE9 - 当内部 div 是绝对的而外部 div 是相对定位时,div 内部不需要的填充

html - 如何避免 th 元素从 IE6/7 中的 tr 元素继承属性

css - 是否可以将一行css编码作为变量传递给less?