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