Lastlove
2017-01-03 15:50
<p style="text-align: justify;">
<img src="img/mm0.png"width="200px" />
<img src="img/mm0.png"width="200px" />
<img src="img/mm0.png"width="200px" />
<img src="img/mm0.png"width="200px" />
<i class="justify-fix"></i>
<i class="justify-fix"></i>
<i class="justify-fix">X</i>
</p>
p{
width: 660px;
background: darkgrey;
}
.justify-fix{
display: inline-block ;
width: 200px;
}
p img{
vertical-align: top;
line-height: 0;
}
你把你的代码都复制出来,放到编辑器里面,然后在到浏览器里面预览。你会发现你那个图片的底部就像有那么一点点阴影的效果。个人觉得那个白色的不是空白,应该是图片的问题。你换张图片看看,就没有你说的留白的。你可以用下面的图片试一下。
CSS深入理解之vertical-align
39336 学习 · 57 问题
相似问题