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

风之吻网站开发 2025-01-10 507

为什么 a 标签的高度会比图片高？-第1张图片-风享汇

a 标签高度异常的原因

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

解决方法：

使用 flex:

a {
  display: flex;
}

设置字体大小为 0:

a {
  font-size: 0;
}

设置垂直对齐方式:

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

手动去除空格:

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

标签： html css

本文地址： http://hui.fzwqq.com/post/569.html

文章来源：风之吻