1. 程式人生 > >文字小於12px時,設置line-height不居中問題

文字小於12px時,設置line-height不居中問題

orm tran line java css https 所有 解釋 highlight

設置了文字了小於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不居中問題