【CSS】让DIV绝对居中办法
.element {width: 600px; height: 400px;
position: absolute; left: 0; top: 0; right: 0; bottom: 0;
margin: auto;
}
代码两个关键点:
1、上下左右均0位置定位;
2、margin: auto;
div是absolute水平居中的办法
div有宽度的比较好做,有多种办法,但如果没有指定宽度的很难找到方法,经过测试,以下方法比较好用首先还是
left: 50%;
然后:
transform: translate(-50%);
仅适用于css3,关于transform:translate(x,y)自行深入了解。
垂直居中:
transform: translateY(-50%);
top:50%;
页:
[1]