在網(wǎng)頁開發(fā)過程中,經(jīng)常需要把頁面內(nèi)容居中顯示。特別是對于body這個(gè)最外層的元素,居中顯示更是讓頁面看起來整齊美觀。那么,我們該如何實(shí)現(xiàn)這個(gè)效果呢?
首先,我們可以在CSS中為body元素加入如下樣式:
body {
margin: 0 auto;
}
上述代碼意思是讓body元素上下各有0像素的外邊距,左右外邊距分別為自動(dòng)。這樣就可以使body元素水平居中了。
接下來,我們可以在頁面中使用p標(biāo)簽來書寫段落文字。p標(biāo)簽是段落標(biāo)簽,可以讓內(nèi)容有合適的行間距,并在段落前后有一定的間距。
例如:
這是一段段落文字。
這是另一段段落文字。
最后,我們可以在頁面中插入代碼塊,使用pre標(biāo)簽來定義。 例如:.box {
width: 200px;
height: 200px;
background-color: #ccc;
margin: 0 auto;
}
以上就是關(guān)于如何將body居中的一些基本介紹和示范。希望對大家有所幫助!上一篇jquery距離頂部的高
下一篇CSS怎么弄大寫