用 CSS 实现垂直居中也不简单。如果你想在一个固定高度的元素内垂直居中一行文本，可以把这一行文本的 line-height 设定为该元素的高度。假设元素高度为 300 像素，可以这样写：
text-align:center; /*水平居中*/
line-height:300px; /*垂直居中：行高=容器高度*/
如果想垂直居中其他元素，比如图片，可以将容器的 display 属性设定为 table-row，再设定（只对单元格有效的） vertical-align 属性为 middle，比如：
display:table-cell; /*借用表格的行为*/
vertical-align:middle; /*垂直居中*/
text-align:center; /*水平居中*/

css元素垂直居中的方法