一、单行内容的居中
设置height与line-height相等，overflow：hidden即可。
.demo {
height: 20px;
line-height: 20px;
overflow: hidden;
}
注：若不使用overflow：hidden，在浏览器页面缩放时会出现问题。
二、div垂直居中
注意：子盒子用绝对定位的话，父盒子要加上相对定位 position：relative；
.box {
position: absolute;
top: 50%;
left: 50%;
z-index: 9999;
200px;
height: 200px;
margin-top: -100px;
margin-left: -100px;
}