实现单行文本垂直居中,最长用得方法是设置行高为容器的高度。但是在移动端显示时发现并没有居中。
解决方案:
1.使用flex布局,垂直居中
// 父容器
display: flex;
align-items: center;
line-height: normal;
- 使用table布局
// 父容器css属性
display: table;
overflow:hidden;
line-height: normal;
// 子容器css属性
vertical-align: middle;
display: table-cell;