主页 > 知识库 > 标签 li 是不是块级元素分析

标签 li 是不是块级元素分析

热门标签:南宁销售外呼系统线路商 邵阳市地图标注app 400电话申请好不好 电销机器人外呼失败怎么回事 县域地图标注点 吃鸡地图标注设置 400电话座机怎么办理 天津销售电销机器人公司 齐齐哈尔地图标注地点
为什么它可以设定高度,但又不像 <h1 /> 这些元素,那种感觉就像它是个“半内联"的(内联:inline[text]-level)元素。HTML 4是这样描述的:

The following elements may also be considered block-level elements since they may contain block-level elements:

  • DD – Definition description
  • DT – Definition term
  • 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).

Live example:

display: block

display: list-item
display: list-item

Right。其实这个意义不大。但也算是解了自己的一个疑惑。分享出来,如果你也有这样的疑惑,或许下次 Coding 的时候出现 Bug 或者其他疑问,估计也就能很快反应过来了。

标签:宁夏 赣州 日照 宁波 济宁 海口 衡水 延安

巨人网络通讯声明:本文标题《标签 li 是不是块级元素分析》,本文关键词  标签,是不是,块级,元素,;如发现本文内容存在版权问题,烦请提供相关信息告之我们,我们将及时沟通与处理。本站内容系统采集于网络,涉及言论、版权与本站无关。
  • 相关文章
  • 下面列出与本文章《标签 li 是不是块级元素分析》相关的同类信息!
  • 本页收集关于标签 li 是不是块级元素分析的相关信息资讯供网民参考!
  • 推荐文章