选择中的选项可以多行吗？

Question

我在谈论你的标准：

<select>
    <option>blah blah</option>
    <option>blah bl</option>
</select>

我的问题是，对于我必须在此下拉列表中包含的数据集，我有一些异常值：

这是下拉列表中字符串的所有字符数（x轴）的总出现次数（y轴）的分布图。

平均值只有~18.5个字符，但是容纳101个字符串会迫使我使用非常小的字体。

有没有办法在<option></option>内包装文字？我试着在字符串中间放一个<br />但没有验证。

Answer 1

通常，原生<select>和<option>表单控件几乎无法控制它们的样式，尤其是在考虑跨浏览器兼容性的情况下。如果您希望能够更好地控制事物，最好的办法是将所有内容放在正常<select>框中（用于辅助功能），然后使用假选择框覆盖它JavaScript的。我过去必须这样做，jQuery UI库对我来说效果很好。

在您的情况下，一个可能的UI（如果您使用JavaScript替换路径）将在长元素上使用省略号，但随后在mouseover和{{1}上显示其全文（这是早期的，所以这些可能不是正确的事件，但你明白了。）

一旦你有JavaScript控制一个虚假的选择框，你可以为UI行为做些什么，但最终，如果你需要控制，本机表单控件通常不会削减它。