jQuery Tab 高度与图片

Question

我正在使用 jQuery UI 使用其选项卡功能获得漂亮的 3 选项卡布局。如果我在每个 < li> 元素中都有一个描述选项卡文本的文本，那么一切都会很好。事实证明，在其中一个选项卡上有一个小图标会非常方便。该图标是为了阐明该选项卡的功能，它只是 3 个选项卡中的其中之一。

在订单项中，我添加图像如下:

<li>
     <a href="#stats"> <img src="Images/image.gif" style="border-style: none" />Tab Title</a>
</li>

这是一个 16 像素高的小图像。图像渲染得很好，但它失去了选项卡底部和内容顶部之间的分隔。如果没有图片，有一个小的分离，当我添加图像后，这个分离就消失了。

有什么方法可以让 jQuery 了解最大选项卡高度的大小，以便所有内容都匹配，并且我可以获得所有选项卡之间的视觉分离？

感谢大家的帮助!

Answer 1

使图像float: left或position:absolute，这样就不会影响布局。