如何解决安卓手机上文字偏上的问题

原css:

a {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    text-align: center;
    width: 70px;
    vertical-align: middle;
}

 

解决方法：去掉line-height和vertical-align 使用 flex 布局。

把父元素设为：

display: flex;
align-items: center;
justify-content: center；

补充：虽让在父亲元素上加 flex，还需要对其子元素进行一定的处理，可以更加完美的解决文字偏上的问题：

  transform: scale(0.5);

  transform-origin: left center;

对于进行缩放，再同等倍数的对元素放大，可以达到相对的居中。