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;

以上。

相关推荐
Trust yourself2439 分钟前
想把一个easyui的表格<th>改成下拉怎么做
前端·深度学习·easyui
三口吃掉你14 分钟前
Web服务器(Tomcat、项目部署)
服务器·前端·tomcat
Trust yourself24316 分钟前
在easyui中如何设置自带的弹窗,有输入框
前端·javascript·easyui
烛阴20 分钟前
Tile Pattern
前端·webgl
前端工作日常1 小时前
前端基建的幸存者偏差
前端·vue.js·前端框架
Electrolux1 小时前
你敢信,不会点算法没准你赛尔号都玩不明白
前端·后端·算法
a cool fish(无名)2 小时前
rust-参考与借用
java·前端·rust
只有干货2 小时前
前端传字符串 后端比较date类型字段
前端
波波鱼દ ᵕ̈ ૩3 小时前
学习:JS[6]环境对象+回调函数+事件流+事件委托+其他事件+元素尺寸位置
前端·javascript·学习
climber11214 小时前
【Python Web】一文搞懂Flask框架:从入门到实战的完整指南
前端·python·flask