CSS图片下方4px间距

目录

1,问题表现

css 复制代码
.test-img {
  height: 100px;
  outline: 1px solid salmon;
}

图片下方有4px间距。

图片下方是图片时问题也存在。

2,问题解决

  1. 图片设置 display: block;
  2. 图片设置 vertical-align: middle;vertical-align: bottom;
  3. 图片父级设置 font-size: 0;

以上。

相关推荐
David凉宸4 分钟前
凉宸推荐给大家的一些开源项目
前端
袋鱼不重6 分钟前
Cursor 最简易上手体验:谷歌浏览器插件开发3s搞定!
前端·后端·cursor
hyyyyy!6 分钟前
《从分遗产说起:JS 原型与继承详解》
前端·javascript·原型模式
竹苓7 分钟前
从一个想法到上线,一万字记录我开发浏览器插件的全过程
前端
小桥风满袖8 分钟前
Three.js-硬要自学系列19 (曲线颜色渐变、渐变插值、查看设置gltf顶点、山脉高度可视化)
前端·css·three.js
zayyo8 分钟前
Vue.js性能优化新思路:轻量级SSR方案深度解析
前端·面试·性能优化
北溟鱼鱼鱼9 分钟前
跨域解决方案
前端
六边形66610 分钟前
一文搞懂JavaScript 与 BOM、DOM、ECMAScript、Node.js的用处
前端·javascript·面试
snakeshe101010 分钟前
React 中的 UpdateQueue 详解
前端
佛系菜狗14 分钟前
鸿蒙OSS文件(视频/图片)压缩上传组件-能够增删改查
前端·鸿蒙