css 文本垂直居中

给父元素添加：vertical-align: middle;搭配display: table-cell;使用，然后相关子元素就垂直居中了：

效果：

---

或者：
给需要垂直居中元素的父元素加：

display: flex;
align-items: center;