HTML 文件類型聲明和「margin: 0 auto;」的行為在Internet Explorer 8 中
當您在Internet Explorer 8 中測試您的網站時,您可能會遇到「margin: 0 auto;」的問題屬性沒有如預期居中您的元素。這在以下HTML 程式碼的情況下尤其明顯:
<div>
雖然此程式碼在大多數瀏覽器中正確地將按鈕居中,包括Firefox 3、Opera、Safari、Chrome、IE7 和IE8 相容模式,在IE8 標準模式下它無法做到這一點。
要瞭解此行為,必須了解 HTML 文件類型聲明的作用。在文件開頭新增文件類型聲明,例如:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
可以解決該問題,並在 IE8 標準模式下將按鈕正確居中。這是因為文件類型聲明指定了所使用的 HTML 版本,使瀏覽器能夠根據正確的標準解釋程式碼。
當涉及到「margin: 0 auto;」的行為時一般來說,瀏覽器根據元素的「display」屬性以不同的方式處理它。以下是細分:
以上是為什麼「margin: 0 auto;」在 IE8 標準模式下不居中元素,如何修復?的詳細內容。更多資訊請關注PHP中文網其他相關文章!