html - 选择中的选项可以不止一行吗？

我说的是你的标准:

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

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

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

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

有没有办法将文本包裹在 <option></option> 中？我尝试在字符串中间放置一个 <br /> 并且没有验证。

最佳答案

通常，原生 <select> 和 <option> 表单控件对如何设置它们的样式提供很少的控制，尤其是在需要考虑跨浏览器兼容性的情况下。如果您希望能够更好地控制事物，最好的办法是将所有内容都放在一个普通的 <select> 框中(为了可访问性)，然后使用 JavaScript 用一个假的选择框覆盖它。过去我不得不这样做，jQuery UI 库对我来说效果很好。

在您的情况下，一种可能的用户界面(如果您使用 JavaScript 替换路线)是在长元素上使用省略号，然后在 mouseover 和 focus 上显示它们的全文(现在还早，所以这些可能不是正确的事件，但你明白了)。

一旦你让 JavaScript 控制了一个假的选择框，你可以为 UI 行为做的事情真的没有止境，但最终，如果你需要控制，原生表单控件通常不会削减它。

关于html - 选择中的选项可以不止一行吗？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/7395714/