当使用 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
,变更为行内显示(不换行,无需约束宽度)的块级元素。