html中div水平居中 在編寫HTML時，怎樣讓DIV文字居中？
在編寫HTML時，怎樣讓DIV文字居中？div center可以通過outer margin屬性實現(xiàn)。div怎樣居中？HTML中div怎樣居中呢？CSS實現(xiàn)div中心。用CSS實現(xiàn)div center
在編寫HTML時，怎樣讓DIV文字居中？
div center可以通過outer margin屬性實現(xiàn)。
div怎樣居中？HTML中div怎樣居中呢？
CSS實現(xiàn)div中心。用CSS實現(xiàn)div center的方法有很多，這次我們將教大家大家的一段比較簡單且兼容性好的代碼，快進來看看。
需要兩個主要的CSS代碼，一個是文本-對齊：居中（內(nèi)容在中間），另一個是邊距：0自動這兩種樣式需要結(jié)合使用才能實現(xiàn)div-box的集中顯示。
首先，我們將文本設(shè)置為正文-對齊：居中和然后為需要居中的div框設(shè)置CSS樣式邊距：0自動這樣，相應(yīng)的div可以水平居中。
Div定心代碼應(yīng)用，為了觀察Div定心的效果，我們設(shè)置了一個名為“的Div”。Div”在HTML的Div標記中，使用class=“Div”，將其寬度設(shè)置為400px，高度設(shè)置為100px，邊框設(shè)置為紅色。這樣我們才能看到效果。
1. 完整的HTML CSS代碼
<！DOCTYPE HTML><html><head><meta charset=“UTF-8”/><title>div Center</Title><style> body{text}-對齊：居中}.div{邊距：0自動寬度：400px高度：100像素邊框：1px實心#F00}/*CSS注意：要觀察效果，請設(shè)置寬度、邊框高度和其他樣式*/</style></head><body>&Ltdiv class=“div”> div centering</div></body></HTML>
渲染：
這種居中方法使div居中效果與所有主要平臺和瀏覽器完全兼容，無論是高版本IE還是高版本IE。