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

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

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

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

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

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

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