html中图片间的间距除了这四个方法还有其他方法解决吗?

Author: kola - Posted:6年前 - View:1506

最近在做一个html的产品展示页面时,由于页面上基本都是图片,当把所有的图片都在页面上写好后,打开浏览器会看到图片与图片之间有一个不大不小的间距,不管我怎么设置都没法去除,后来在百度上搜索了答案,找到了以下四个方法都可以解决这个问题,我现在好奇的就是除了这四个方法,是否还有其他方法解决这个问题呢?

罗列一下网上的四种方法(相信大多数人也是用这些方法):

  1. 给图片设置浮动(记得给父标签加上清除浮动)
  2. 把图片设置成块级元素
  3. 在图片的父标签上设置font-size:0;
  4. 图片与图片之间不断行,直接写成一行,如<img/><img/>

虽然我的问题解决了,但我特地想多了解一些,由于本人不是专业学前端的,不知道是否还有其他的方法,如果有人有更好的方法,麻烦给我说一下!

1 人点赞  ∙  1 人收藏  
加入收藏 点赞 我要评论

目前共有 3 条回复

aerph
- aerph - 6年前

我再来补充三点(摘自网络):

— 给父级元素赋予高度,强行让其没有留白
— 给父级设置line-height: 0;
— 给img设置vertical-align: middle;

mizlou
- mizlou - 6年前

如果图片之间是横着排版的,那就不好搞了;我试过要解决横着图片之间的间距可以使用letter-spacing属性,如letter-spacing:-20px;,并且letter-spacing的值无论是负多少图片都不会产生重叠

sozui
- sozui - 6年前

刚接触html不久,收藏着,也许下次写博客时用得着!13.gif