CSS中英文和中文高度不一样问题的解决办法 (实用)

现状:
        一样的字体,一样的大小。中文行高要比数字的要高,如下图:
CSS中英文和中文高度不一样问题的解决办法 (实用)
方法一:
       改用等中、英文等高字体定例如宋体,如下图:
       

        font-family: "宋体",Simsun;

 CSS中英文和中文高度不一样问题的解决办法 (实用)

方法二: (推荐,不改变字体,不影响原来效果)
       使用line-height固定高度,如下图:
 

line-height: 19px;

CSS中英文和中文高度不一样问题的解决办法 (实用)

想进步了解可以参考资料:
1、css中英文字母和汉字行高不同解决方法
2、【css】探究font-size、文本实际高度、line-height之间的关系
3、CSS 解决input中value值 中英文行高不同的问题

上一篇:html前端小技巧—字体及颜色色值准确设置


下一篇:CSS的3种导入方式