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