使用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;