css 里面怎么让一个DIV居中 ?

第一种方式：设置body 居中。在CSS中的代码是（body{text-align:center;}）
第二种方式：用盒子模型，首先设置一个Div ，这个DIV的宽度为100%，然后在这个DIV居中，那么在这个DIV中加的内容就居中显示，代码如下：

CSS 样式代码：


第三种方式：margin：0 auto；

通常的方法为：先设置div的宽度，然后使用如下样式：

1

margin: 10px auto; 

以下为示例：

• HTML代码中给出div

  123          

• 添加样式

  1234567   div.outer{width:200px;height:150px;border:1px solid green;}div.content{    width:100px;height:50px;     margin:20px auto;            border:1px solid red;}   

• 显示效果