javascript - 对太宽的下拉菜单项的建议？

Question

当下拉菜单的文本太宽以至于无法扩展菜单的宽度以适应时，我有哪些选项？即它会破坏页面布局，或者如果调整下拉列表以适应长项目，它看起来太丑了。

chop ？ chop 加上完整的悬停文本？ 不允许元素那么长？

有人遇到过任何优雅的解决方案吗？

谢谢。

Answer 1

我意识到我问这个问题已经很晚了，但我一直在寻找答案，我可能已经找到了一个相当优雅的解决方案。

看这里:

• http://www.getharvest.com/blog/2009/12/dropdown-problems-on-internet-explorer/
• http://www.dougboude.com/blog/1/2008/05/Viewing-Option-Text-in-IE7-thats-Wider-than-the-Select-List.cfm

在根据第二个链接推荐解决方案之前，第一个链接讨论了几个解决方案。

想法是，在点击时，您可以更改 <select> 的宽度标签，使其足够大以显示选项的全文。通过保留 <select>将溢出设置为“隐藏”的 div 内的标记，它不会影响页面的其余部分。

尝试一下 - 这是一个非常好的解决方案。