一句代码消除img标签之间的间隙
今天写css时发现图片与图片之间有一行空白间隙，全百科网就在网上找到了几个不错的解决方法，发现很多方法都太实用，而且代码复杂，通过不懈努力，终于克服了这个难题，只需要一句样式代码即可搞定。
问题描述
代码示例
<style type="text/css">
img{
vertical-align:left;
display:block;
height: 100%;
width: 100%
}
</style> <img src="./images/quanbaike.com_01.jpg">
<img src="./images/quanbaike.com_02.jpg">以上代码，在前端浏览时quanbaike.com_01.jpg与quanbaike.com_02.jpg上下之间是有一行白条的间隙。
消除间隙
如何消除这个间隙呢？
全百科网通过网上诸多代码测试实践之后，终于找到了一段神奇的代码，不仅简短，而且还可以非常有效的消除img标签之间的间隙，
示例代码
给img标签添加样式如下：
img{
vertical-align:left;
display:block;
}是不是发现已经没有了间隙。
本文系转载，前往查看
如有侵权，请联系 cloudcommunity@tencent.com 删除。
本文系转载，前往查看
如有侵权，请联系 cloudcommunity@tencent.com 删除。
评论
登录后参与评论
推荐阅读
目录