如何让一个不定宽高的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;

 


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部