为了账号安全,请及时绑定邮箱和手机立即绑定

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

父元素div只设置了背景,

.div4{
   background: goldenrod;
}


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

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

http://img1.sycdn.imooc.com//59957579000140bf18830227.jpg

正在回答

3 回答

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


0 回复 有任何疑惑可以回复我~

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

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

0 回复 有任何疑惑可以回复我~

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

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

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

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信