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

padding:45px 15px 15px中间的15px定义左右内边距为15px?

padding:45px 15px 15px中间的15px定义左右内边距为15px?

雨落平生 2016-02-29 23:08:13
既然.book{padding:44px 15px 15px }中间一个15px 已经定义了五个图片组成的div整体,左右的内边距都为15px。那为什么得到的结果只是左边距15px而最右边空出许多?代码如下:<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>一米生活</title><style type="text/css">img{margin:10px 18px;border:2px solid #FF0000}.content{border:4px solid #badbdb}.book{background:url(../53a94bf20001d3d000000000/%E7%BD%91%E9%A1%B5%E5%B8%83%E5%B1%80%E5%9F%BA%E7%A1%80/case2/images/t_book.gif) no-repeat;padding:45px 15px 50px;#baddbd;width:700px}</style></head><body><div class="content book">  <img src="../53a94bf20001d3d000000000/网页布局基础/case2/images/book1.jpg" width="80";height="80" />  <img src="../53a94bf20001d3d000000000/网页布局基础/case2/images/book2.jpg" width="80";height="80" />     <img src="../53a94bf20001d3d000000000/网页布局基础/case2/images/book3.jpg" width="80";height="80" />    <img src="../53a94bf20001d3d000000000/网页布局基础/case2/images/book4.jpg" width="80";height="80" />    <img src="../53a94bf20001d3d000000000/网页布局基础/case2/images/book5.jpg" width="80";height="80" /></div></body></html>
查看完整描述

11 回答

?
慕雪1051371

TA贡献1条经验 获得超5个赞

因为你第一张右边距为15px,第二张左边距是15px,加起来两张图片中间就空了30 px

查看完整回答
5 反对 回复 2016-03-01
  • 雨落平生
    雨落平生
    已经加代码和图片,感觉图片之间的距离也是15px。即和左边距相同。请在帮忙分析,感谢!
已采纳
?
qq_丢失的那五年_0

TA贡献5条经验 获得超0个赞

这是因为你的内容不足以填充完,所以空出来了,其实左右的内边距都是15px;如果你在图片后面加点文字或者把.BOOK的width改成680px就可以看出来了

查看完整回答
反对 回复 2016-03-03
?
qq_树叶丶_0

TA贡献1条经验 获得超0个赞

定义了五个图片?

查看完整回答
反对 回复 2016-03-01
?
思念如风CG

TA贡献1条经验 获得超0个赞

分别 代表上下左右的  边距

查看完整回答
反对 回复 2016-03-01
?
忽然出现的你

TA贡献8条经验 获得超1个赞

padding是边距可以叠加的

查看完整回答
反对 回复 2016-03-01
?
忽然出现的你

TA贡献8条经验 获得超1个赞

具体看代码

查看完整回答
反对 回复 2016-03-01
?
0io

TA贡献2条经验 获得超0个赞

你有把margin和Padding重置吗?

查看完整回答
反对 回复 2016-03-01
?
WEYN

TA贡献5条经验 获得超2个赞

是的。第二个15px 就是设置左右是15px同边距,如果右边空很多,可以考虑是否是book盒子太宽导致。

查看完整回答
反对 回复 2016-03-01
?
cbhe

TA贡献3条经验 获得超3个赞

代码贴出来看看

查看完整回答
反对 回复 2016-03-01
?
xiedukai

TA贡献6条经验 获得超1个赞

不知道你的代码是怎么排列的?

查看完整回答
反对 回复 2016-02-29
  • 11 回答
  • 0 关注
  • 4753 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信