1新建html文件，在body标签中添加div标签，div标签中的内容为“演示文本”，添加题目中的css样式，为了方便演示，给div标签添加灰色背景，这时可以发现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文件，查看实现的效果，在css中让div中的P标签居中就完成了。

1Div居中 11左右居中 在父窗口中设置textaligncenter，要注意的是，此方法只对内联元素起作用，所以要在居中的div中设置displayinlineblock以下代码中红线部分表示了如何让3个div在itemContainer中居中显示 如果是单。

首先，先给一个大的div作为父容器给他设置好宽，高父容器设置为positionrelative 子容器想要居中的容器，设置positionabsolute在设置margintop，marginright等等，如果想要绝对居中，可设置如下CSS样式Center。

第一种方式设置body 居中在CSS中的代码是bodytextaligncenter第二种方式用盒子模型，首先设置一个Div ，这个DIV的宽度为100%，然后在这个DIV居中，那么在这个DIV中加的内容就居中显示，代码如下ltdiv cla。

使用绝对定位方式可实现这个效果，如下边这个示例html代码ltdiv class=quotboxquot ltdiv class=quotdemoquot这个div要在box中水平居中，垂直居底ltdivltdivCSS代码conboxpositionrelativewidth800pxheight500px。