html+css图片下面小空白、图片间的间隙问题

添加图片的时候,图片的默认样式是图片与图片之间有间隙,图片下面也有间隙,需要使用方法进行清除,列举三种方法:
方法一:
给图片设置对齐方式:vertical-align:top/middle/bottom

方法二:
给图片转块 display:block;

方法三:
给图片的父元素设置font-size:0;line-height:0
这个办法不仅可以解决图片下面的小空白,也能解决图片与图片之间的小空白

缺点:是让父元素里的文字的字号和行高都变成了0,文字看不见,需要重新定义文字的字号和行高

posted @   珊瑚贝博客  阅读(350)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· winform 绘制太阳,地球,月球 运作规律
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 上周热点回顾(3.3-3.9)
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
点击右上角即可分享
微信分享提示