安卓上奇数字号导致文字不垂直居中问题

1,015 阅读1分钟

在安卓上的奇数字号会有文字不能垂直居中的问题,在微小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;