选择的选项可以多于一行吗？

我说的是你的标准：选择的选项可以多于一行吗？

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

我的问题是，对于数据集我必须在这个下拉菜单中，我有一些局外：

enter image description here

这是一个下拉列表中字符串的所有字符计数（x轴）的总发生次数（y轴）的分布图。

平均只有~18.5个字符，但包含101个字符串迫使我使用一个非常小的字体。

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

来源

2011-09-13 Drew

你能缩短使用省略号的最长选项吗？ – Simon

@Simon - 作为最后的手段，是的。 – Drew

无法确定这是否会在没有看到数据集的情况下有所帮助，但也许使用''可以通过将部分选项内容放入''中来缩短某些条目。在选择中有很多条目时，无论使用它们，它都可能是用户友好的。 – steveax

一般而言，原生<select>和<option>表单控件对于如何设置样式几乎不提供任何控制，尤其是在跨浏览器兼容性问题的情况下。如果你希望能够更好地控制事物，那么最好的办法是将所有东西都放在正常的<select>框中（用于辅助功能），然后用JavaScript代替假的选择框。过去我不得不这样做，jQuery UI库对我来说工作得很好。在你的情况下，一个可能的UI可能会（如果你去JavaScript替代路线）将使用长元素的省略号，但然后在mouseover和focus上显示全文（这是很早，所以这些可能不是正确的事件，但你明白了）。一旦你有JavaScript控制一个假选择框，你可以为UI行为做些什么，但最终，如果你需要控制，本地表单控件通常不会削减它。

来源

2011-09-14 14:15:14 cdeszaq

I'那秒。使用自定义下拉列表。我喜欢：http://harvesthq.github.com/chosen/然后你完全控制它。选择似乎相当不灵活。另外，在尝试将CSS样式应用于选择时，最新版本的Safari可能存在一个错误。 –

选择的选项可以多于一行吗？

回答

相关问题