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

原文地址:https://www.cnblogs.com/happybread/p/8668333.html