第二种方式：用盒子模型，首先设置一个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；<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" ";
我们可以使用 margin:0 auto; 实现居中
纠正你一个错误，div里不能直接写宽度、高度等，要在style里写。要让盒子居中需要设置:margin: 0 auto。
当然需要给盒子设置宽度，不然盒子默认的宽度是父容器宽度。
也有其他方式，比如父容器设置display: flex; justify-content: center也是可以的。
方法不少能达到效果就好了。链接：>给1设置一个宽度和高的 假如是500400；给1设置绝对定位 然后设置left和top都为50%；再设置margin-left:-250px;margin-top:-200px;就可以居中了，然后设置z-index层级为99让2变黑的话就添加一个mask层，设置一个div的标签名为mask。设置position为fixed；并设置他的left，top，right，bottom值都为0然后设置background-color:#000;opacity:02;z-index:98；用js设置d出1的时候显示mask就可以了带有float的块元素是不能让它居中的，只能是左浮动，有浮动，如果想让它居中的话，你得把float去掉，然后加上 {margin: 0 auto;}这个是居中显示的，意思是上下边距为0 ，左右边距自适应，这样它就相对于上一级的块元素居中显示了，最好你给这个块元素定义一个宽度。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）