文字小于12px时,设置line-height不居中问题

Posted heihei-haha

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了文字小于12px时,设置line-height不居中问题相关的知识,希望对你有一定的参考价值。

设置了文字了小于12px时,会存在设置了line-height的不生效的问题,主要是由于基线的问题,这篇文章解释的很清楚,有兴趣的可以看下https://blog.csdn.net/q121516340/article/details/51483439

方法1:

使用CSS3 scale属性,设置时将所有的值设置大一倍,然后缩小一倍

        height: 32px;
            line-height: 32px;
            font-size: 20px;
            text-align: center;
            transform: scale(0.5);

 方法2:直接用定位,只是比较傻的方法

以上是关于文字小于12px时,设置line-height不居中问题的主要内容,如果未能解决你的问题,请参考以下文章

chrom浏览器设置不了小于12px的文字大小的解决方法

怎么让Chrome支持小于12px 的文字

解决Chrome谷歌浏览器不支持CSS设置小于12px的文字

怎么让Chrome支持小于12px 的文字?

移动端开发时,让字体小于12px垂直居中的方法

UI图字体 小于12号字体,利用 scale 缩放解决,影响width height,定位时错乱问题