为什么 a 标签的高度会比图片高？

a 标签高度异常的原因

当使用图中 html 代码时，a 标签的高度会比图片高一点。这是因为 a 标签默认有一行内联空格。

解决方法：

• 使用 flex:

a {
  display: flex;
}

• 设置字体大小为 0:

a {
  font-size: 0;
}

• 设置垂直对齐方式:

a {
  vertical-align: top;
  /* 或 */
  vertical-align: bottom;
}

• 手动去除空格:

把 html 代码中的所有空格都删除。