首页 > 链接包含了图片,为什么链接区域没有图片大

链接包含了图片,为什么链接区域没有图片大

当使用 bootstrap 的 tooltip 时,位置就不正常,有解决方法么?

<a href=""><img src="" style="width: 100px; height: 100px; background: #999;"></a>


a 是行内元素


一种办法是把 这个 <a> 设置为 inline-block 来修改它的高宽,

另外一种:如果对宽没有太多要求,可以设置 line-height 来到达同样高度。


(捂脸)当然了!

<a>默认是display: inline行内元素,则其高度跟随文字流盯着line-height属性与文字高度一致的(对照一下后边“退出”的高度)。

这不同于外边包裹着链接的<p><div>容器……他们一般是block块级元素,高度会自然被<img>撑开。

display调整为inline-block,变更为行内显示(不换行,无需约束宽度)的块级元素。

【热门文章】
【热门文章】