
文字与行高
对照上图
1. 文字大小是顶线与底线之间的距离
2. 行高大小是基线与基线之间的距离
3. 行高=文字大小+上下两个间距
浏览器默认
浏览器默认的文字大小为16px,其中chrome浏览器有最小文字限制,最小为12px
默认的行高大小为18px
行高的单位

技巧:文本的垂直居中
当文本的父容器设置行高与高度一致、或者父容器不设置高度,只设置行高时,能够使父容器中的文字垂直居中

对照上图
1. 文字大小是顶线与底线之间的距离
2. 行高大小是基线与基线之间的距离
3. 行高=文字大小+上下两个间距
浏览器默认的文字大小为16px,其中chrome浏览器有最小文字限制,最小为12px
默认的行高大小为18px
当文本的父容器设置行高与高度一致、或者父容器不设置高度,只设置行高时,能够使父容器中的文字垂直居中
本文标题:对文字和行高的理解
本文链接:https://www.haomeiwen.com/subject/dbpxrxtx.html
网友评论