全百科精品资源分享
免费优质资源下载平台

html中怎样消除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.jpgquanbaike.com_02.jpg上下之间是有一行白条的间隙。

消除间隙

如何消除这个间隙呢?

全百科网通过网上诸多代码测试实践之后,终于找到了一段神奇的代码,不仅简短,而且还可以非常有效的消除img标签之间的间隙,

示例代码

给img标签添加样式如下:

img{
 vertical-align:left;
    display:block;
}

是不是发现已经没有了间隙。

Premium WordPress Themes Download
Download WordPress Themes
Free Download WordPress Themes
Download Premium WordPress Themes Free
online free course
download huawei firmware
Download WordPress Themes
udemy free download

搜一下 获取更多

本文由全百科网分享提供,分享更多精品资源,帮助你我共同成长。

赞(0)
全百科网 » html中怎样消除img标签之间的间隙 一句代码搞定
本站内容均来自网络收集,转载内容不代表本网站的观点及意见,仅供用户参考和借鉴。如对稿件内容及版权问题有疑议,请及时联系全百科官方邮箱: smtsg@foxmail.com

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址