猿问

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>


雨落平生
浏览 4754回答 11
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
我要回答