Question

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

Answer 1

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

margin: 10px auto; /* 上下边距10px，左右边距自动以达到左右居中的目的*/

以下为示例：

1. HTML代码中给出div

   <div class="outer">
   	<div class="content"></div>
   </div>

2. 添加样式

   /*外层边框*/
   div.outer{width:200px;height:150px;border:1px solid green;}
   div.content{
   	width:100px;height:50px; /*设置大小*/
   	margin:20px auto;        /*设置左右边距自动以使其居中*/
   	border:1px solid red;
   }

3. 显示效果

   

Answer 2

width:800px; margin:0 auto;一定要有宽度，不管是百分比还是像素。然后外边距左右自动

Answer 3

width:xxxpx; margin:0 auto

Answer 4

margin:0 atuo

Answer 5

margin:0 auto;