div下span居中

html

<div class = "divBox">
  <span>zheshiwenzhi</span>
</div>

css

.divBox {
  width: 400px;
  height: 200px;
   display: table-cell;    //table-cell	此元素会作为一个表格单元格显示（类似 <td> 和 <th>）
  vertical-align: middle;    //vertical-align 属性设置元素的垂直对齐方式。
  text-align: center;    //规定元素中文本对其方式
}
span {
    vertical-align: middle;
}

这种方法未脱离文档流