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

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

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

Download Premium WordPress Themes Free
Download WordPress Themes
Free Download WordPress Themes
Premium WordPress Themes Download
online free course
download mobile firmware
Free Download WordPress Themes
ZG93bmxvYWQgbHluZGEgY291cnNlIGZyZWU=

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

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

评论 抢沙发

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

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏