单行文字垂直居中 设置文字line-height等于包裹文字的容器的height 多行文字垂直居中 div { //容器属性 display: table; text-align: center; margin: 20px auto; } span { //文字属性 display: table-cell; vertical-align: middle; width: 400px; height: 300px; }