」工欲善其事,必先利其器。「—孔子《論語.錄靈公》
首頁 > 程式設計 > 為什麼內嵌區塊顯示在 Internet Explorer 8 中不起作用?

為什麼內嵌區塊顯示在 Internet Explorer 8 中不起作用?

發佈於2024-11-15
瀏覽:495

Why is Inline-Block Display Not Working in Internet Explorer 8?

Internet Explorer 8 中的持續內聯區塊問題

儘管文件表明支援內聯區塊,但它可能無法在 Internet Explorer 8 中正確呈現。此問題經常出現嘗試水平對齊元素時會出現此問題。

要解決此問題,請考慮以下事項:

設定正確的Doctype

使用以下doctype 聲明開始HTML 文件:

這將確保IE8遵循正確的渲染規範。

程式碼範例

考慮以下 CSS 和 HTML 程式碼:

span, ul, ul li {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    padding: 0;
    list-style: none;
}   
i would want
  • this
  • on
  • one line.

有了 doctype 聲明,此程式碼應如預期在 IE8 中呈現內聯。

結論

添加正確的 doctype 聲明對於解決內聯問題至關重要-阻止 Internet Explorer 8 中的渲染問題。這個簡單的調整可確保瀏覽器能如預期解釋和套用 CSS 樣式。

最新教學 更多>

免責聲明: 提供的所有資源部分來自互聯網,如果有侵犯您的版權或其他權益,請說明詳細緣由並提供版權或權益證明然後發到郵箱:[email protected] 我們會在第一時間內為您處理。

Copyright© 2022 湘ICP备2022001581号-3