这几天项目遇到元素高度百分比,但是想让文本内容居中。踩了踩坑,特来记录下。
方法一:
display: flex;
align-items: center;
缺点:不兼容低版本ie。
方法二:
父元素:
display: table;
子元素:
display: table-cell;
vertical-align: middle;
缺点:不适用复杂的布局。
这几天项目遇到元素高度百分比,但是想让文本内容居中。踩了踩坑,特来记录下。
方法一:
display: flex;
align-items: center;
缺点:不兼容低版本ie。
方法二:
父元素:
display: table;
子元素:
display: table-cell;
vertical-align: middle;
缺点:不适用复杂的布局。