html – CSS overflow:隐藏列表的子弹?

前端之家收集整理的这篇文章主要介绍了html – CSS overflow:隐藏列表的子弹?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我刚刚注意到有趣的事情.假设我有一个 HTML列表:
<ol>
    <li>Lorem</li>
    <li>ipsum</li>
    <li>dolor</li>
    <li>sit amet enim. Etiam ullamcorper. Suspendisse a pellentesque dui,non felis. Maecenas malesuada elit lectus felis,malesuada ultricies. Curabitur et ligula.</li>
</ol>

而这个CSS:

li {
    white-space: nowrap;
    overflow: hidden;
}

最后一个项目中的长文本确实在与容器的宽度相符时被黑客入侵,如预期的那样.但!列表项号也受溢出属性影响,不显示.

但是,像这样修改CSS:

ol {
    overflow: hidden;
}
li {
    white-space: nowrap;
}

按照预期的方式工作(文本不会出现在容器中,但是显示了列表项目).至少所有这一切对于Firefox 4 beta10来说都是如此.

你不觉得受溢出影响的编号有点不合逻辑吗?为什么会发生这种情况?是意图行为吗?这是在规范中,还是只是一些奇怪的人有人忘了处理?

解决方法

这是默认的行为,据我所知,如果列表位置在外面,一个ul的子弹和一个不显示的数字.至少在Firefox中,我记得在旧版本中看到它.
原文链接:https://www.f2er.com/html/230561.html

猜你在找的HTML相关文章