主頁 > 知識庫 > 標(biāo)簽 li 是不是塊級元素分析

標(biāo)簽 li 是不是塊級元素分析
熱門標(biāo)簽：南寧銷售外呼系統(tǒng)線路商 邵陽市地圖標(biāo)注app 400電話申請好不好 電銷機器人外呼失敗怎么回事 縣域地圖標(biāo)注點 吃雞地圖標(biāo)注設(shè)置 400電話座機怎么辦理 天津銷售電銷機器人公司 齊齊哈爾地圖標(biāo)注地點
為什么它可以設(shè)定高度，但又不像 <h1 /> 這些元素，那種感覺就像它是個“半內(nèi)聯(lián)"的（內(nèi)聯(lián)：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 /> 就是一個"半內(nèi)聯(lián)"的元素。當(dāng)然，這個列表里面的類似于 <td /> 這些元素，也曾給我?guī)磉@樣的疑惑。今天看了一下各瀏覽器的默認(rèn)CSS。結(jié)果是這樣的：

Browsers CSS
IE6/IE7 li{display:block;}
IE8+ / Webkit / Firefox / Opera li{display:list-item;}

在這里，也基本上明了了。在除 IE6/7 以外的 A-Grade 瀏覽器中，就是一個"半內(nèi)聯(lián)"的元素。提到 display:list-item; ，其實，即使現(xiàn)在所有的 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 的時候出現(xiàn) Bug 或者其他疑問，估計也就能很快反應(yīng)過來了。

標(biāo)簽：寧夏 贛州 日照 寧波 濟寧 ?？?/a> 衡水 延安

巨人網(wǎng)絡(luò)通訊聲明：本文標(biāo)題《標(biāo)簽 li 是不是塊級元素分析》，本文關(guān)鍵詞  標(biāo)簽,是不是,塊級,元素,；如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題，煩請?zhí)峁┫嚓P(guān)信息告之我們，我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò)，涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《標(biāo)簽 li 是不是塊級元素分析》相關(guān)的同類信息！
  • 本頁收集關(guān)于標(biāo)簽 li 是不是塊級元素分析的相關(guān)信息資訊供網(wǎng)民參考！
    • 推薦文章