jQuery UI选项卡：选项卡标题文本在许多选项卡打开时被截断

我很难让jQueryUI选项卡按照我需要的方式运行。在Chrome和Firefox中，它们运行良好。IE7是我遇到麻烦的地方，IE7是必须的

问题: 如下图所示，如果打开多个选项卡，则文本行末尾的选项卡将被切断。此外，关闭的“X”在选项卡标题下管理其路径。像图片1中的标签一样，我可以缩小浏览器的宽度，使标签在第二行中找到自己的位置，如下图所示

我将宽度设置为最小值，这解决了我遇到的一个问题。问题是，如果行中充满了选项卡，那么接下来的两个打开的选项卡标题将只有~3-5像素宽。几乎看不见。我不知道该怎么办

只能发布链接：

我在JSFIDLE中重新创建了我的部分问题：

---

添加多个选项卡，然后缓慢调整窗口大小，并观察最右边最远的一行选项卡。“关闭”按钮移动到左侧标题下方。我正在使用IE7。

这里测试：。。。我无法在IE中重现这个问题。如果你添加了一些自定义CSS，你能尝试重现它吗？我认为我没有添加自定义CSS。我将努力复制它，并用当前的UI CSS替换我的CSS。感谢JSFIDLE。可能是全局元素的简单样式或其他。JSFIDLE在您的IE中也正常工作吗它在我的IE中工作，尽管我无法重新调整任何JSFIDLE窗口的大小。你们能解释一下你们关于全球元素的理论吗？找到了一些重置全局CSS元素的文章。他们没有帮助。你是在使用重置css样式还是其他可能会改变默认行为的东西？你为什么不能调整窗口的大小-_-