一张图理解CSS中的line-height

行高是指文本行基线间的垂直距离。
基线(base line)并不是汉字文字的下端沿,而是英文字母“x”的下端沿。
下图中两条红线之间的距离就是行高,上行的底线和下一行顶线之间的距离就是行距,而同一行顶线和底线之间的距离是font-size的大小,行距的一半是半行距。


从上图我们就可以看出,行距、font-size与line-height之间的关系了

height是用来设置元素的高度,比如img的高度、div的高度等。

图片引用自:https://blog.csdn.net/a2013126370/article/details/82786681

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容