html怎样把div中的div居中
发布网友
共2个回答
热心网友
如果父容器的高度是确定的，可以使用以下方法。
#obj{top: 50%;
left: 50%;
display: block;
position: absolute;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
原理是使用绝对定位，定位到容器的50%的位置。这个时候，由于定位是根据内容的左上角定位到圆心的，而内容本身也具有宽高，所以会偏移到右下角。这个时候就需要使用transform进行二次修正即可垂直和水平定位了。
热心网友
margin:auto
