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

 

你可能感兴趣的:(CSS)