為什麼我的內聯區塊顯示在 IE8 中不起作用？
IE8：解決顯示內聯塊問題
在Web 開發領域，渴望實現特定的視覺佈局是一個常見的挑戰對於程序員來說。此過程的一方面涉及確保正確的元素對齊，尤其是在各種瀏覽器環境中。一種經常讓開發人員感到沮喪的元素定位方法是內聯塊顯示。
問題：
考慮以下程式碼片段：
<style type="text/css" media="all">
span, ul, ul li {
display: inline-block;
vertical-align: top;
margin: 0;
padding: 0;
list-style: none;
}
</style>
<span>i would want</span>
<ul>
<li>this</li>
<li>on</li>
<li>one line.</li>
</ul>登入後複製
IE8 中期望的結果是讓元素內聯對齊。然而，儘管 IE8 聲稱支持內聯塊，但事實證明實現這種對齊的嘗試並不成功。
解決方案：
令人驚訝的是，罪魁禍首可能並不在於內聯-區塊聲明本身。相反，缺少的文件類型可能會妨礙 IE8 中的正確顯示行為。要解決此問題，只需添加以下doctype 聲明作為HTML 的第一行：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
登入後複製
說明：
doctype 聲明指示瀏覽器進行操作特定的模式，確保與指定的HTML 規範相容。如果沒有文件類型，IE8 可能會採用預設的相容模式，從而可能無法正確渲染內聯塊顯示。透過使用文件類型明確定義渲染模式，我們可以覆寫此行為並啟用所需的內聯塊對齊。
以上是為什麼我的內聯區塊顯示在 IE8 中不起作用？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
熱AI工具
Undresser.AI Undress
人工智慧驅動的應用程序，用於創建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Undress AI Tool
免費脫衣圖片
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
如何修復KB5055523無法在Windows 11中安裝？
3 週前
By DDD
如何修復KB5055518無法在Windows 10中安裝？
3 週前
By DDD
<🎜>：死鐵路 - 如何馴服狼
4 週前
By DDD
R.E.P.O.的每個敵人和怪物的力量水平
4 週前
By 尊渡假赌尊渡假赌尊渡假赌
<🎜>：種植花園 - 完整的突變指南
2 週前
By DDD
熱工具
記事本++7.3.1
好用且免費的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強大的PHP整合開發環境
Dreamweaver CS6
視覺化網頁開發工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
如何使用HTML，CSS和JavaScript創建動畫倒計時計時器
Apr 11, 2025 am 11:29 AM
您是否曾經在項目上需要一個倒計時計時器？對於這樣的東西，可以自然訪問插件，但實際上更多
我們如何創建一個在SVG中生成格子呢模式的靜態站點
Apr 09, 2025 am 11:29 AM
格子呢是一塊圖案布，通常與蘇格蘭有關，尤其是他們時尚的蘇格蘭語。在Tartanify.com上，我們收集了5,000多個格子呢
