水平居中一般都很常见，设置text-align:center或align:center样式基本就可以，比较麻烦的是垂直水平居中。
第一种方法————未知元素width、height的px值：
div
{
width: 300px;
height: 300px;
background-color: #ffff00;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
第二种方法————已知元素的width、height的px值：
div
{
width: 300px;
height: 300px;
background-color: yellow;
position: absolute;
top: 50%;
left: 50%;
margin-top: -150px; /*1/2width*/
margin-left: -150px; /*1/2height*/
}
