关于消除img间的间隙问题

img标签为什么会有上下间隙呢？
原因在于：img标签为inline元素，该元素默认垂直对齐方式为以父元素的baseline，但是展示时又是以bottomline为对齐方式，因此造成了上下两个img标签之间的间隙。有以下四种方案可以解决：

1、img{ display:block};
将其改变为block元素，但是该方法太过粗暴，相当于从根本上改变了img。
2、img{vertical-align:top;}
改变其垂直对齐方式
3、div{font-size:0};
把父元素的文字大小设置为0
4、div{ margin-bottom:-3px };
这个方法不推荐

赏

谢谢你请我吃糖果

微信

扫一扫，分享到微信

微信分享二维码

tag:

    缺失模块。
    1、在博客根目录（注意不是yilia根目录）执行以下命令：
    npm i hexo-generator-json-content --save

    2、在根目录_config.yml里添加配置： 

      jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: true
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true

尽情期待