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

2024-12-25 07:12:30

推荐回答（5个）

回答1：

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

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

以下为示例：

HTML代码中给出div
```
	
```

添加样式

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

显示效果

回答2：

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

回答3：

width:xxxpx; margin:0 auto

回答4：

margin:0 atuo

回答5：

margin:0 auto;