我倾向于认为这是 Chrome 中的一个错误（为什么子元素上的样式会影响父元素？），但可能还有其他我不明白的事情发生。
下面的有序列表有 1 项，在 Firefox 和 IE10 中是编号的（尽管在 IE 中，它的位置是错误的）。但在 Chrome 中，该数字完全隐藏。
ol {
list-style-position: outside;
}
div {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
width: 150px;
}
<ol>
<li>
<div>Some text that trails off</div>
</li>
</ol>
这是怎么回事/这是一个错误/可以解决吗？
嗯，这是一种黑客攻击，但它确实有效。添加伪:before-element 返回列表样式，如下所示li现在会有一些内容。带回div到了顶部，看起来一切都没有改变。
CSS
ol > li:before {
content: '';
display: block;
height: 1px;
}
div {
margin-top: -1px;
}
Demo
先试后买
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
