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

“纵有疾风来，人生不言弃”，这句话送给正在学习文章的朋友们，也希望在阅读本文《为什么 a 标签的高度会比图片高？》后，能够真的帮助到大家。我也会在后续的文章中，陆续更新文章相关的技术文章，有好的建议欢迎大家在评论留言，非常感谢！

a 标签高度异常的原因

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

解决方法：

• 使用 flex:

a {
  display: flex;
}

• 设置字体大小为 0:

a {
  font-size: 0;
}

• 设置垂直对齐方式:

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

• 手动去除空格:

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

以上就是《为什么 a 标签的高度会比图片高？》的详细内容，更多关于的资料请关注golang学习网公众号！