问答详情
源自:13-1 CSS3的布局 - css布局模型

如何将块级元素之间的间距去除

https://img1.mukewang.com/5b6abbe3000176df03750462.jpg如图所示:

提问者:慕用6977649 2018-08-08 17:47

个回答

  • 慕妹5879472
    2018-08-08 21:05:02

    利用margin设置块间元素的间距,如果没有margin设置,则块间元素间距按照默认值,代码如下,可以试着删除margin试试看。

    <!DOCTYPE HTML>

    <html>

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

    <title>内联块状元素</title>

    <style type="text/css">

    div,p,h1,form{background:pink;}

    div{

        margin-top:0;

        margin-bottom:0;

    }

    h1{

        margin-top:0;

        margin-bottom:0;

    }

    </style>

    </head>

    <body>

    <div>div1</div>


    <p>段落1段落1段落1段落1段落1</p>

    <h1>h1</h1>

    <form>form</form>

    <ul>ul</ul>

    <li>li</li>

    </body>

    </html>