如何使 一个 div 居中显示

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

我来回答

2个回答

热心网友 时间:2023-11-25 19:35

第一种方式:设置body 居中。在CSS中的代码是(body{text-align:center;})
第二种方式:用盒子模型,首先设置一个Div ,这个DIV的宽度为100%,然后在这个DIV居中,那么在这个DIV中加的内容就居中显示,代码如下:
<div class="div1">
<div class="div2"></div>
</div>

CSS 样式代码:
<style type="text/css">
.div1{text-align:center;width:100%;}
.div2{width:980px;background:red;} //为了看清效果,加了背景颜色
</style>

第三种方式:margin:0 auto;

热心网友 时间:2023-11-25 19:35

margin-left:auto;margin-right:auto

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com