padding:45px 15px 15px中间的15px定义左右内边距为15px？
既然.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
因为你第一张右边距为15px，第二张左边距是15px,加起来两张图片中间就空了30 px -
qq_丢失的那五年_0
这是因为你的内容不足以填充完，所以空出来了，其实左右的内边距都是15px；如果你在图片后面加点文字或者把.BOOK的width改成680px就可以看出来了 -
qq_树叶丶_0
定义了五个图片？ -
思念如风CG
分别 代表上下左右的 边距 -
忽然出现的你
padding是边距可以叠加的 -
忽然出现的你
具体看代码 -
0io
你有把margin和Padding重置吗？ -
WEYN
是的。第二个15px 就是设置左右是15px同边距，如果右边空很多，可以考虑是否是book盒子太宽导致。 -
cbhe
代码贴出来看看 -
xiedukai
不知道你的代码是怎么排列的？
随时随地看视频慕课网APP
CSS3
Html/CSS
Html5