jQuery 选项卡 - 长选项卡名称，小浏览器窗口 - 如何仍然显示在一行上？

Question

我已经开始在这里查看 jQuery 的内置选项卡功能: http://docs.jquery.com/UI/Tabs

如果您的选项卡名称很长，有什么办法可以在调整浏览器窗口大小时(即窗口变窄)很好地格式化它们？目前，选项卡只是流动到下一行。我最想看到的是所有选项卡都保留在一行中，但按比例变窄，并且文本流向第二行(第三行等)。因此扩大了标签的高度。如果每个选项卡中的行数混合，则选项卡高度都匹配。

我知道保持选项卡名称简短是一种很好的做法，但在这种情况下我不能这样做。我只谈论每个选项卡名称的 3-4 个单词。没有什么可笑的!

因此，如果有人有好的 CSS 技巧(适用于大多数当前浏览器)，我很想听听!或者，如果我可以使用另一个现有的 jquery 选项卡解决方案，那也很棒 :)

谢谢。

Answer 1

一个好的解决方案是 convert the menu to a dropdown对于窄屏幕分辨率