在安卓上的奇数字号会有文字不能垂直居中的问题,在微小tag上非常明显,就算用上flex布局也是不起作用。
原因:奇数字号导致line-height均分上下边距的时候出现了偏差
解决办法:
line-height均分不了,就放弃line-height,如下代码:
element{
font-size: 13px;
line-height:0;
padding: 15px 0;//相当于line-height 30px
}
亲测方法二:
<a href="javascript:;" class="btn">规则说明</a>
height:16px; // 一定要给固定高度
display: flex;
flex-direction:column;
justify-content:center; // 主轴方向,居中
// 或者不改变主轴方向;
// align-item:center;