我刚刚注意到有趣的事情.假设我有一个
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中,我记得在旧版本中看到它.