如何让一个不定宽高的DIV垂直水平居中的3中方法
使用Flex
设置父盒子:display:flex;content:center;align-item:center;
display:flex;
content:center;
align-item:center;
使用CSS3 transform
设置父盒子:display:relative;
设置要居中的DIV:
transform: translate( -50%, -50%);
position:absolute;
top:50%;
left:50%;
使用display:table-cell方法
设置父盒子:
display:table-cell;
text-align:center;
vertical-align:middle;
设置要居中的DIV:
display:inline-block;
vertical-align:middle;
本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!
