html+css图片下面小空白、图片间的间隙问题
添加图片的时候,图片的默认样式是图片与图片之间有间隙,图片下面也有间隙,需要使用方法进行清除,列举三种方法:
方法一:
给图片设置对齐方式:vertical-align:top/middle/bottom
方法二:
给图片转块 display:block;
方法三:
给图片的父元素设置font-size:0;line-height:0
这个办法不仅可以解决图片下面的小空白,也能解决图片与图片之间的小空白
缺点:是让父元素里的文字的字号和行高都变成了0,文字看不见,需要重新定义文字的字号和行高
方法一:
给图片设置对齐方式:vertical-align:top/middle/bottom
方法二:
给图片转块 display:block;
方法三:
给图片的父元素设置font-size:0;line-height:0
这个办法不仅可以解决图片下面的小空白,也能解决图片与图片之间的小空白
缺点:是让父元素里的文字的字号和行高都变成了0,文字看不见,需要重新定义文字的字号和行高
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· winform 绘制太阳,地球,月球 运作规律
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 上周热点回顾(3.3-3.9)
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人