63行高（line-height）

最新推荐文章于 2023-11-10 15:25:27 发布

广东码农

最新推荐文章于 2023-11-10 15:25:27 发布

阅读量77

点赞数

分类专栏： html+css 文章标签： css

本文链接：https://blog.csdn.net/quanxiaobai_/article/details/117900560

版权

html+css 专栏收录该内容

82 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="ch">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>行高</title>
    <style>
        /* 
            行高（line height）
                -指文字占有的实际高度
                -通过line-height来设置行高
                    行高可以直接指定一个大小（px em）
                    也可以直接为行高设置一个整数
                        如果是一个整数的话，行高将会是字体的指定的倍数（默认1.33）
                -行高会在字体框的上下平均分配
                -可以将行高设置为和高度一样的值，使单行文字在一个元素中垂直居中
                -行高经常还用来设置文字的行间距
                    行间距 = 行高 - 字体大小
            字体框
                -字体框就是字体存在的格子（每一个字对应一个框；就像小学作业本那种田字格），设置font-size实际上就是在设置字体框的高度
        */
    </style>
</head>
<body>
    
</body>
</html>