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

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

解决方法：

使用 flex：

a {
  display: flex;
}

设置字体大小为 0：

a {
  font-size: 0;
}

设置垂直对齐方式：

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

手动去除空格：

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

标签： css

赏

选择打赏方式

微信 支付宝 QQ钱包

打赏

打赏

打赏