如何让内容块div水平居中

如果想让内容块(以div为例)水平居中,我们需要对内容块添加{margin-left: auto; margin-right: auto;}css样式。如下:
html代码:
<div class="container"></div>
css样式:
.container {
margin-left: auto;
margin-right: auto;
}


附:另外如果我们想让内容块中的内容水平居中,我们需要用到text-align:center;

html代码:
<div class="container">内容</div>
css样式:
.container {
text-align:center;
}


如果想同时居中,那么可以把两个css合并。
html代码:
<div class="container">内容</div>
css样式:
.container {
margin-left: auto;
margin-right: auto;
text-align:center;
}

Tags:
飞鱼

发表评论

电子邮件地址不会被公开。 必填项已用*标注