HTML在选择框内

Question

我想知道无论如何我可以在一个选择框内的两行上分割一个项目。

我的选择框中的一个值是两个长，以适合我的div。

Answer 1

不，这是不可能的。

您可以考虑使用javascript小部件，例如this jQuery插件。

我还可以说，你要做的事情并不常见 - 即使在桌面应用程序中，用户也不希望在下拉框中找到包装好的文本，如果他们确实看到一个，可能会感到困惑。尝试不同的控件或尝试限制文本会更好。

Answer 2

这是不可能的，但如果只是避免元素变得太宽，你可以只定义宽度（例如<select style="width:100px;">）。当盒子“关闭”时，这将导致文本被切断，但只要你“打开”它就会显示整个文本。

Answer 3

据我所知，这是不可能的。但是，我会看看 jQuer y的选项。具体来说，有 jQuery 插件允许选择框自定义。

Select Box Factory 2.0 是一种选择。我相信它扩展了选择框的功能，允许文本包装和其他功能。

Answer 4

您可以简单地在空白

中添加禁用的选项

<option disabled selected value> </option>

Answer 5

  

在选择框中划分两行的项目。

你为什么要那样做？如果你使用JQuery插件在选项标签中显示HTML，那么就没有理由提出这个问题，我不认为，因为你已经能够添加一个标签了。 / p>

在select元素中创建间距的方法是创建一个空值选项标记，该标记具有空值和名称。然后，您必须验证提交以检测是否提交了空白值。

Answer 6

如果你真的有需要，一个hacky解决方案是在两行上截取文本的截图，并在你的选择框中使用图像。

http://www.jquerybyexample.net/2012/05/how-to-add-images-in-dropdown-list.html

请务必在图片上设置alt标记以获取辅助功能。