margin: 50px 0; 为何只有上下是50px间距,左右无效果?

来源:1-1 CSS margin与容器的尺寸

orangecat00

2017-08-17 19:02

父元素div只设置了背景,

.div4{
   background: goldenrod;
}


<div class="div4"><img src="img/img1.jpg" style="margin:50px 0;"></div>

为何只有图片上下撑开了50px,左右两边没反应?

http://img.mukewang.com/59957579000140bf18830227.jpg

写回答 关注

3回答

  • 晴天楠楠
    2017-08-18 14:06:02

    因为你把左右都设置为0了啊,自然不会有变化,设置大于0的任何数,你就明白了


  • qq_小白_97
    2017-08-18 11:18:43

    margin:50px 0;是margin:50px 0 50px 0;的简写。四个数值依次控制上、右、下、左边距。

    要想实现上下左右边距都是50px;可以写:1、“margin:50px 50px”   或者2、“margin:50px;”

  • qq_Divertingnes_0
    2017-08-18 10:37:16

    因为0代表左右margin是0PX,所以说两边没有反应

CSS深入理解之margin

本CSS教程带你深入讲解CSS的margin属性,解决你多年困惑

55943 学习 · 66 问题

查看课程

相似问题