问答详情
源自:3-1 line-height与内联元素的高度机理

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

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>



提问者:慕村7067317 2021-02-05 11:59

个回答

  • 慕村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