CSS图片下方4px间距

1，问题表现

.test-img {
  height: 100px;
  outline: 1px solid salmon;
}

图片下方有4px间距。

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

2，问题解决

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

---

以上。