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/