visibility:hidden;
width:10%;
}
.center {
display:inline-block;
}
.div-right {
display:inline-block;
visibility:hidden;
width:10%;
}
center宽度将自适应，左右两边边距均为div的宽度,因为左右两边div隐藏，所以我们见到的内容将居中对齐；
优点：简单易懂；
缺点：局限性太大。
10、padding方法。
.center {
padding: 15px 200px;
}
使内容的左右两边有相同的内边距，那么在用户眼中的内容就是居中对齐的。
优点：简单易懂；
缺点：使用时需要不断调试距离，比较麻烦。
CSS垂直居中的方法:
1、行高line-height设置；
.center {
height: 50px;
line-height: 50px;
}
使用行高line-height设置垂直居中只需要使行高和元素高度一样即可。
优点：使用方便，简单易懂；
缺点：元素内内容只能是文本和图片，而且文本和图片不能共存，不然效果差到恶心。
2、绝对定位和负边距是元素垂直居中。
.center {
position: absolute;
top: 50%;
height: 高度值;
margin: -(高度值/2);
}
优点：结果简单明了，使用方便；
缺点：由于固定高度，当文本内容超过限制时，将出现不可预料的情况。
3、使用display：table-cell 和 vertical-align 使元素垂直居中
.center {
display:table-cell; /*让元素以表格的单元素格形式渲染*/
vertical-align: middle; /*使用元素的垂直对齐*/
}
优点：适用范围广，简单易懂；
缺点：兼容性问题。
4、使用padding让元素内容垂直居中。
.center {
padding: 30px 10px;
}
不给容器固定高度，并在容器上下设置相同的padding值。
优点：简单易懂，结构清晰，并且兼容所有浏览器；
缺点：不能给容器固定高度。
