多个img图片之间存在间隔的多个解决办法？
多个img图片并排显示，中间总是有8个像素的间隔（padding,margin均已设为0）。已找到一种解决办法，就是多个img标签连着写，不换行、不留空格，但这种方法对阅读代码和修改代码很不友好，问还有其他解决方案吗？谢谢！
展开
收起
1
条回答
写回答
写回答
-
IT从业为什么多个img之间会有间隔， 因为是img标签的显示是inline-block的原因，你换行在父级元素看来，是有一个空格的字符的，所以存在8个像素，这个因浏览器不同，像素也不一样。根本原因在于父级元素把空格当做一个字符处理。解决方法：
1.父级元素 设置
font-size: 0;2.
<img /><img/><img/>连着写，没有空格3.设置 float, 但要记得清除掉float。
2019-07-17 19:33:47赞同 展开评论 打赏
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
问答排行榜
最热
最新
推荐问答
