美文网首页
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