jQuery标签-长的标签名称，小的浏览器窗口-如何仍然显示在一行上？

Question

我从这里开始研究jQuery的内置选项卡功能：http://docs.jquery.com/UI/Tabs

如果你有很长的标签名称，有没有办法在调整浏览器窗口大小时，让它们的格式更好(例如：窗口变窄)？目前，制表符只是流动到下一行。理想情况下，我希望看到的是所有选项卡都保留在一行上，但按比例变窄，文本排到第二行(第三行，等等)。因此扩展了标签的高度。如果在每个选项卡中有多个行的混合，则选项卡高度都匹配。

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

所以，如果有人有一个很好的CSS技巧(它在大多数当前的浏览器中都能工作)，我很乐意听听！或者，如果我可以使用另一个现有的jquery选项卡解决方案，那也是很棒的:)

谢谢。

Answer 1

一个不错的解决方案是使用convert the menu to a dropdown实现窄屏幕分辨率