Android下line-height不居中问题

2018-08-23  本文已影响15人  hsqin

Android机上,使用line-height 发现会网上便宜1~2px。

网传的方法是使用scale(0.5)来缩放。如下代码,里面的涉及到px的都是放大两倍后的,然后使用scale(0.5)。这样虽然能解决line-height不居中问题,但是额外使该行的高度变高,不知道还有没有其他方法。

    padding: 0 8px;
    font-size: 20px;
    color: #6BB547;
    height: 24px;
    line-height: 24px;
    border: 2px solid #52C41A;
    background: #F6FFED;
    border-radius: 8px;
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    display: inline-block;
    transform-origin: 0% 60%;

网传方法2,是使用table,但是用table有点太累赘,就没尝试

不知道有什么方法能够完美解决!

上一篇下一篇

猜你喜欢

热点阅读