标签 li 是不是块级元素分析
The following elements may also be considered block-level elements since they may contain block-level elements:
- DD – DefinITion description
- DT – Definition term @H_777_12@FRAMESET – Frameset
- LI – List item
- TBODY – Table body
- TD – Table data cell
- TFOOT – Table foot
- TH – Table header cell
- THEAD – Table head
- TR – Table row
这段描述中，似乎也是在说， li />
就是一个"半内联"的元素。当然，这个列表里面的类似于 td />
这些元素，也曾给我带来这样的疑惑。今天看了一下各浏览器的默认CSS。结果是这样的：
| browsers | CSS |
|---|---|
| IE6/IE7 | li{
display:block;
}
|
| IE8+ / webkit / Firefox / opera | li{
display:list-item;
}
|
在这里，也基本上明了了。在除 IE6/7 以外的 A-Grade 浏览器中，就是一个"半内联"的元素。提到 display:list-item;
，其实，即使现在所有的 A-Grade 浏览器都支持，用的人其实不多。为什么？其实就是没什么用。在 Quirks Mode，PPK 是这样说的：
display: list-item means that the element is displayed as a list-item, which mainly means that it has a bullet in front of it (like an UL), except in IE 5 on Mac where it gets a number (like an OL). The numbers are buggy: all previous LI’s in the page count as one, so this example starts with number 5 (the screenshot was made before I inserted my compatibility-LI’s).
display: block
display: list-itemdisplay: list-item
Right。其实这个意义不大。但也算是解了自己的一个疑惑。分享出来，如果你也有这样的疑惑，或许下次 Coding 的时候出现 Bug 或者其他疑问，估计也就能很快反应过来了。
声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！
若转载请注明出处： 标签 li 是不是块级元素分析
本文地址： https://pptw.com/jishu/587736.html