CSS line-height和vertical-align详解
一.line-height
首先看一张图:
从上到下分别是top(顶线),middle(中线),baseline(基线),bottom(底线)
1.line_height:行高,等于内容区域高度+行间距,在图中就是上一行文字底线到下一行文字底线之间的距离。
2.font-size:font-size为字体的高度,图中就是一行文字顶线到底线之间的区域的高度,也就是内容区域高度,即为图中深灰色部分。
3.行间距:两行文字之间的距离,图中就是上一行文字底线到下一行文字顶线之间的距离。
4.行内框:行内框是一
原创
2020-10-13 16:49:21 ·
722 阅读 ·
0 评论