1新建html文件，在body標(biāo)簽中添加div標(biāo)簽，div標(biāo)簽中的內(nèi)容為“演示文本”，添加題目中的css樣式，為了方便演示，給div標(biāo)簽添加灰色背景，這時可以發(fā)現(xiàn)div靠近瀏覽器的左側(cè)，文字在div中居中2為div標(biāo)簽添加新的外邊距“m。

2在indexhtml中的ltstyle標(biāo)簽中，輸入css代碼body textalign centerbackground urlsmall2png backgroundsize 60% 3瀏覽器運(yùn)行indexhtml頁面，此時成功通過css控制了div居中顯示，背景圖片的大小為。

背景顏色為灰色4在css標(biāo)簽內(nèi)，再使用textalign屬性設(shè)置div里面內(nèi)容的居中方式，例如，這時設(shè)置為center居中方式5最后在瀏覽器打開testhtml文件，查看實(shí)現(xiàn)的效果，在css中讓div中的P標(biāo)簽居中就完成了。

1Div居中 11左右居中 在父窗口中設(shè)置textaligncenter，要注意的是，此方法只對內(nèi)聯(lián)元素起作用，所以要在居中的div中設(shè)置displayinlineblock以下代碼中紅線部分表示了如何讓3個div在itemContainer中居中顯示 如果是單。

首先，先給一個大的div作為父容器給他設(shè)置好寬，高父容器設(shè)置為positionrelative 子容器想要居中的容器，設(shè)置positionabsolute在設(shè)置margintop，marginright等等，如果想要絕對居中，可設(shè)置如下CSS樣式Center。

第一種方式設(shè)置body 居中在CSS中的代碼是bodytextaligncenter第二種方式用盒子模型，首先設(shè)置一個Div ，這個DIV的寬度為100%，然后在這個DIV居中，那么在這個DIV中加的內(nèi)容就居中顯示，代碼如下ltdiv cla。

使用絕對定位方式可實(shí)現(xiàn)這個效果，如下邊這個示例html代碼ltdiv class=quotboxquot ltdiv class=quotdemoquot這個div要在box中水平居中，垂直居底ltdivltdivCSS代碼conboxpositionrelativewidth800pxheight500px。