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

发布网友 发布时间：2022-04-22 05:16

我来回答

共5个回答

热心网友 时间：2022-04-06 13:59

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

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

以下为示例：

HTML代码中给出div

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

添加样式

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

显示效果

热心网友 时间：2022-04-06 15:17

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

热心网友 时间：2022-04-06 16:52

width:xxxpx; margin:0 auto

热心网友 时间：2022-04-06 18:43

margin:0 atuo

热心网友 时间：2022-04-06 20:51

margin:0 auto;