Html 选择中的选项可以是多行吗?

Html 选择中的选项可以是多行吗?,html,Html,我说的是你的标准: <select> <option>blah blah</option> <option>blah bl</option> </select> 废话 废话 我的问题是,对于我必须包含在此下拉列表中的数据集,我有一些异常值: 这是下拉列表中字符串的所有字符计数(x轴)的总出现次数(y轴)的分布图 平均只有约18.5个字符,但容纳101个字符的字符串迫使我使用非常小的字体 有没有办法在中

我说的是你的标准:

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

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

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

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

有没有办法在
中包装文本?我尝试将

放在字符串中间,但没有验证。

一般来说,原生
表单控件对如何设置样式几乎没有控制,特别是在跨浏览器兼容性是一个问题的情况下。如果您想更好地控制事情,最好的办法是将所有内容都放在一个普通的
框中(为了便于访问),然后使用JavaScript用一个假选择框覆盖它。过去我不得不这样做,jQueryUI库对我来说工作得很好

在您的例子中,一个可能的UI(如果您选择JavaScript替换路线)是在长元素上使用省略号,但随后在
鼠标上方
焦点
上显示它们的全文(现在还为时尚早,所以这些事件可能不是正确的,但您知道了)


一旦JavaScript控制了一个假选择框,用户界面行为就无穷无尽了,但最终,如果您需要控制,本机表单控件通常不会剪切它。

您可以使用省略号缩短最长的选项吗?@Simon-作为最后的手段,是的。如果不查看数据集,无法确定这是否有帮助,但是,也许使用
可以通过将部分选项内容放入
中来缩短一些条目。一个select中有这么多条目,不管怎样使用它们都可能是用户友好的。您可以始终使用第三方下拉控件。有很多免费的,使用jQuery,它们非常简单易用。此外,还可以查看自动完成库,这些库可以很好地减少可见选项,以便于用户使用。@steveax-一次显示的选项不多,因为下拉列表依赖于父下拉列表。然而,对于父下拉列表中的一个特定选项,您可以在子下拉列表中获得mega选项。我支持这一点。使用自定义下拉列表。我喜欢:你完全可以控制它。选择似乎相当不灵活。另外,最新版本的Safari在尝试将css样式应用于选择时可能存在错误。