怎么让一个不定宽高的div垂直水平居中?

 

方法一:使用CSS3 transform

父盒子设置:position:relative;

div设置:position:absolute;transform:translate(-50%,-50%);top:50%;left:50%;

方法二:使用display:table-cell

父盒子设置:display:table-cell;text-align:center;vertical-align:middle;

div设置:display:inline-block;vertical-align:middle;

方法三:使用CSS3 flex

父盒子设置:display:flex;justify-content:center;align-items:center;

 

posted on 2018-03-29 10:30  平平淡淡summer  阅读(306)  评论(0编辑  收藏  举报

导航