如何显示很长的选择选项的所有文本？

Question

我在一个盒子里有一些很长的<option>s <select>，但我不希望盒子太宽。问题是当我将框设置得较小时，无法阅读全文。我正在考虑将文本副本恰好悬停在鼠标指针所在的选项上，但前提是文本太长而无法完全显示。

但是，如果我创建一个新元素，比如<p>使用 jQuery 创建一个新元素，它在将其插入文档之前没有宽度，因此我无法决定是否插入它。

即使我确实成功创建了它，我也不确定所有样式都会相同。

有没有办法让这个想法发挥作用，或者有没有更好的方法来<option>就地显示 long 的完整文本？

Answer 1

您可以使用 max-width + text-emphasis css 属性。欲了解更多信息，您可以在这里查看：

http://www.w3schools.com/cssref/pr_dim_max-width.asp http://www.w3schools.com/cssref/css3_pr_text-emphasis.asp