国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > HTML > 正文

標簽 li 是不是塊級元素分析

2024-08-26 00:11:33
字體:
來源:轉載
供稿:網友
為什么它可以設定高度,但又不像 <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 或者其他疑問,估計也就能很快反應過來了。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 科尔| 花垣县| 德清县| 嘉黎县| 贞丰县| 德庆县| 田东县| 遂宁市| 宁化县| 伊金霍洛旗| 当雄县| 颍上县| 尖扎县| 广丰县| 错那县| 宁武县| 连平县| 黔西| 顺平县| 平和县| 桑植县| 民乐县| 景德镇市| 大悟县| 巴南区| 鱼台县| 琼海市| 荥阳市| 社会| 海南省| 垣曲县| 乳山市| 通江县| 探索| 收藏| 巴彦县| 临海市| 滨州市| 莲花县| 鹤岗市| 弥勒县|