问答详情
源自:12-13 距离产生美 - 使用margin为盒子设置外边距(边界)

关于盒模型

margin是只有块级元素才可以应用的吗

提问者:qq_偶然心动_0 2017-08-01 09:16

个回答

  • 一只胡思乱想的猪
    2017-09-11 16:12:08

    不是,根据w3c官网定义:

    定义和用法

    margin 简写属性在一个声明中设置所有外边距属性。该属性可以有 1 到 4 个值。

    说明

    这个简写属性设置一个元素所有外边距的宽度,或者设置各边上外边距的宽度。

    块级元素的垂直相邻外边距会合并,而行内元素实际上不占上下外边距。行内元素的的左右外边距不会合并。同样地,浮动元素的外边距也不会合并。允许指定负的外边距值,不过使用时要小心。

    注释:允许使用负值。

    简单的测试代码如下:span是内联元素,同样可以设置margin.

    <!DOCTYPE HTML>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gbk">
    <title>边距</title>
    <style type="text/css">
    p{border:1px solid red}
    span{border:1px solid black;margin:20px;}
    </style>
    </head>
    <body>
        <p>this is paragraph this is paragraph this is paragraphthis is paragraph<span>this is span</span>this is paragraph</p>
    </body>
    </html>


  • 一克星璇
    2017-08-01 10:13:38

    应该是的

  • Sam7Joker
    2017-08-01 09:41:47


    不是margin是外补白,指的是两个盒子之间距离