美文网首页
Android下line-height不居中问题

Android下line-height不居中问题

作者: hsqin | 来源:发表于2018-08-23 15:29 被阅读15次

    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有点太累赘,就没尝试

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

    相关文章

      网友评论

          本文标题:Android下line-height不居中问题

          本文链接:https://www.haomeiwen.com/subject/tixmiftx.html