空白：nowrap；适用于李。在 IE 中不起作用

Question

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

空白：nowrap；适用于李。在 IE 中变得非常古怪。而不是每个 .li 项目都保持在一起并移动到下一行，整个事情变成了一个超长的行。

这里是css的相关部分（text.css）

.艺术家列表 { 边距：0px； 填充：0； }

li.artistlist { 显示：内联； 边距：0； 填充：0； 字体大小：0.75em； 行高：1.7em； 字间距：5px； 空白：nowrap； } li.artistlist：在{之后 内容：”， ”; } li.artistlist:last-child:after { 内容：””; } li.last-child{ 内容：””; 显示：内联； 边距：0； 填充：0； 字体大小：0.75em； 行高：1.7em； 字间距：5px； } ul li{ 边距：0； 填充：0； }

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

Answer 1

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

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