校园春色亚洲色图_亚洲视频分类_中文字幕精品一区二区精品_麻豆一区区三区四区产品精品蜜桃

主頁 > 知識庫 > 標簽 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 是不是塊級元素分析的相關信息資訊供網民參考!
  • 推薦文章
    主站蜘蛛池模板: 荣成市| 湘阴县| 合肥市| 怀宁县| 咸阳市| 辽宁省| 沧源| 嫩江县| 灌南县| 三亚市| 潞城市| 虹口区| 汉寿县| 长泰县| 郑州市| 高密市| 北流市| 西峡县| 哈巴河县| 育儿| 孟村| 武冈市| 原平市| 石河子市| 新竹县| 玉门市| 三亚市| 襄樊市| 玉田县| 梅州市| 合水县| 永年县| 宽城| 河曲县| 朔州市| 禹城市| 江安县| 天柱县| 米易县| 绵竹市| 汾阳市|