ok~_~ok 2019-02-16 14:15 采纳率: 80%
浏览 719
已采纳

<a>标签中包裹<img>标签,为什么<a>标签中显示的高度与<img>标签的高度相差那么大?(如图)

先看代码:


<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
  <style>
    *{margin:0 ; padding:0;}
  </style>
</head>
<body>
  <a href="#">
    <img src="http://file.baixing.net/201709/cdfc1b368dfeb5198a5bf25f9ab30e91.png" alt="">
  </a>
</body>
</html>


或者也可以在JSBIN中看到运行结果:https://jsbin.com/kihukazuve/edit?html,output


<img>标签的高度

<img>标签的高度




<a>标签的高度

<a>标签的高度

  • 写回答

6条回答 默认 最新

  • 天际的海浪 2019-02-16 17:28
    关注

    a是inline元素,本身就没有高度,你看控制台右边方框中的宽高都是auto。也就是官方标准没有规定。
    对于官方标准没有规定的地方,呵呵,那就是各个浏览器自己自由发挥了。
    谷歌或ie8+浏览器中是只有文本字体的高度。ie7-浏览器中是a元素中所有内容的高度。

    要谷歌浏览器的a元素呈现所有内容的高度。要设置 a{display: inline-block;}

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(5条)

报告相同问题?

问题事件

  • 已采纳回答 9月12日

悬赏问题

  • ¥15 HLs设计手写数字识别程序编译通不过
  • ¥15 Stata外部命令安装问题求帮助!
  • ¥15 从键盘随机输入A-H中的一串字符串,用七段数码管方法进行绘制。提交代码及运行截图。
  • ¥15 TYPCE母转母,插入认方向
  • ¥15 如何用python向钉钉机器人发送可以放大的图片?
  • ¥15 matlab(相关搜索:紧聚焦)
  • ¥15 基于51单片机的厨房煤气泄露检测报警系统设计
  • ¥15 Arduino无法同时连接多个hx711模块,如何解决?
  • ¥50 需求一个up主付费课程
  • ¥20 模型在y分布之外的数据上预测能力不好如何解决