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

設置了文字了小於12px時,會存在設置了line-height的不生效的問題,主要是因爲基線的問題,這篇文章解釋的很清楚,有興趣的能夠看下https://blog.csdn.net/q121516340/article/details/51483439javascript

方法1:java

使用CSS3 scale屬性,設置時將全部的值設置大一倍,而後縮小一倍.net

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

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

相關文章
相關標籤/搜索