下边还是有边距已经设置了line-height:0;和vertical-align:top

来源:3-2 . vertical-align与line-height

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;
            }

http://img.mukewang.com/586b576d0001e19906760606.jpg

写回答 关注

1回答

  • xh向日葵4282116
    2017-01-04 10:40:05

        你把你的代码都复制出来,放到编辑器里面,然后在到浏览器里面预览。你会发现你那个图片的底部就像有那么一点点阴影的效果。个人觉得那个白色的不是空白,应该是图片的问题。你换张图片看看,就没有你说的留白的。你可以用下面的图片试一下。

CSS深入理解之vertical-align

深入理解vertical-align的属性值,分享开发中应用经验

39336 学习 · 57 问题

查看课程

相似问题