为什么我用span实践出的效果与老师不同?

来源:3-1 line-height与内联元素的高度机理

慕村7067317

2021-02-05 11:59

http://img4.mukewang.com/601cc24b00011b5311390110.jpg

<!DOCTYPE html>

<html lang="en">


<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

    <style>

        .test1 {

            font-size: 36px;

            line-height: 0;

            border: 1px solid pink;

        }

        

        .test2 {

            font-size: 0;

            line-height: 36px;

            border: 1px solid rgb(219, 56, 56);

        }

    </style>

</head>


<body>

    <p class="test1"></p>


    <p class="test2"></p>

</body>


</html>



写回答 关注

1回答

  • 慕村7067317
    2021-02-05 12:01:02

    老师的效果是:http://img.mukewang.com/601cc2a70001ee2311080153.jpg

    我的效果是:http://img4.mukewang.com/601cc2c10001823419180126.jpg

    http://img1.mukewang.com/601cc2e60001509018300296.jpg

    http://img.mukewang.com/601cc2fb000128f017290270.jpg

    慕前端812...

    span 效果的确不一样

    2022-08-21 01:34:26

    共 2 条回复 >

CSS深入理解之line-height

带领大家深入理解line-height的定义,还有实际应用经验分享

43086 学习 · 64 问题

查看课程

相似问题