為什麼 Inline-Block 在 IE8 中無法正常運作？

IE8 顯示：內聯區塊錯誤已解決

在IE8 中，儘管它明顯支援內聯區塊，但一些用戶遇到了內聯問題展示。若要解決此問題，請確保在 HTML 標籤之前聲明 doctype。

以下程式碼示範了IE8 中inline-block 的用法：

<code class="css">span, ul, ul li {
  display: inline-block;
  vertical-align: top;
  margin: 0;
  padding: 0;
  list-style: none;
}</code>

<code class="html"><span>I would want</span>
<ul>
  <li>this</li>
  <li>on</li>
  <li>one line.</li>
</ul></code>

此程式碼旨在內聯對齊span 和清單元素，如Google Chrome 等瀏覽器中所示。但是，由於缺少文件類型，IE8 使用者可能會遇到不正確的對齊情況。為了確保在IE8 中正確顯示，請新增以下聲明作為程式碼的第一行：

<code class="html"><p>此文件類型通知IE8 該文件遵循HTML5 標準，解決了顯示問題並正確對齊元素正如預期的那樣。 </p></code>

以上是為什麼 Inline-Block 在 IE8 中無法正常運作？的詳細內容。更多資訊請關注PHP中文網其他相關文章！