[分享]css中 div居中的命令是

CSS中div居中的命令有很多种，其中比较常用的有以下几种:

.center {
    position: absolute; 
    top: 50%; 
    left: 50%; 
    transform: translate(-50%,-50%);
    /* 兼容性更好的写法:
       -webkit-transform: translate(-50%,-50%);
       -moz-transform: translate(-50%,-50%);
       -ms-transform: translate(-50%,-50%);
       -o-transform: translate(-50%,-50%);
     */
} 

上面的代码是使用绝对定位相对于父元素进行居中的方式。首先，通过设置top:50%和left:50%让div到达了它所在父元素的中心位置。然后，通过transform属性和translate函数把div从中心位置移动到左上角位置的偏移量，这里是将它左上角移动了它自己宽度和高度的一半。

.center {
    display: flex;
    justify-content: center;
    align-items: center;
} 

这是使用弹性盒子模型实现居中。通过设置父元素的display:flex;可以创建一个弹性容器，在容器中的项将呈现为一个类似于表格的布局。justify-content: center;和align-items:center;属性可以分别将子元素在主轴和交叉轴上居中。

.center {
    margin: auto;
    position: relative;
} 

这是通过设置margin:auto实现居中的方式。当一个元素的水平margin为auto时，它将水平居中。设置position: relative;是为了让margin:auto有效。

以上是常用的几种CSS中div居中的命令，根据具体情况选择不同的方法可以更好地实现居中效果。