Day8字体修饰--行高和垂直居中

1.行高
image

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>行高</title>
    <style>
        p{
            font-size: 20px;
            /* line-height: 20px; */
            line-height: 2;
            /* 此处实际的值为字号的两倍，即40px */
        }
    </style>
</head>
<body>
    <p>基层是贯彻落实党中央决策部署的“最后一公里”，绝不能被形式主义、官僚主义束缚手脚。各级党组织要切实履行主体责任，持之以恒抓深抓实整治形式主义为基层减负。各地区各部门要坚持实事求是、求真务实，谋划工作、推动发展要从实际出发，按客观规律办事。各级党员、干部要牢固树立和践行正确政绩观，发展产业要立足实际发挥比较优势，不急功近利、贪大求全，不搞“数字政绩”、“虚假政绩”。有关部门要加强对各类评比评奖等活动的监督管理，防止重形式轻实效，加重基层负担甚至谋取经济利益。有关地方和单位要牢牢扛起整改责任，对症下药、举一反三，既抓好点上改，更注重面上治，坚决防止同类问题反复发生，持续推动《整治形式主义为基层减负若干规定》落地见效。</p>
</body>
</html>

20px
image
40px
image

2.如何测量行高？
image

3.垂直居中
技巧:行高属性值等于盒子高度属性值

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>垂直居中</title>
    <style>
        div{
            height: 100px;
            background-color: deepskyblue;
            line-height: 100px;
        }

    </style>
</head>
<body>
    <div>头顶的太阳，燃烧着青春的余热</div>
</body>
</html>

image

posted @ 2025-10-30 18:37  冰涿  阅读(7)  评论(0)    收藏  举报