a 标签高度异常的原因
当使用图中 html 代码时，a 标签的高度会比图片高一点。这是因为 a 标签默认有一行内联空格。
解决方法：
使用 flex:
- a {
- display: flex;
- }
设置字体大小为 0:
- a {
- font-size: 0;
- }
设置垂直对齐方式:
- a {
- vertical-align: top;
- /* 或 */
- vertical-align: bottom;
- }
手动去除空格:
把 html 代码中的所有空格都删除。
为什么 a 标签的高度会比图片高？
网站开发
325
还木有评论哦，快来抢沙发吧~