如何在选择标签中显示多行文本标题？答案

【问题标题】：how can i display multiple lines text caption in select tag?如何在选择标签中显示多行文本标题？
【发布时间】：2018-02-28 04:35:00
【问题描述】：

我正在使用<select> 在固定宽度的选择标记元素内创建一个列表。假设它是 200 像素。

这是我的问题：由于<select> 固定宽度，我的标题被裁剪了。

这是我的期望：

expectation

有什么建议可以在不编辑选项标题的情况下实现该目标？

【问题讨论】：

【解决方案1】：

简单地说，你可以使用下面的 css：

<style>
 .test {word-wrap:break-word;} 
</style>


<html><header><title></title></header>
<body>
<select class="test">  </select>
</body>
</html>

【讨论】：

【解决方案2】：

很遗憾，浏览器不提供任何格式化的可能性。

您可以使用假选择（例如 Bootstrap）或至少在选项中添加标题以在鼠标悬停时提供整个文本：

<option title="Insert title of way too long Option text here">way too long Option text</option>

【讨论】：

【解决方案3】：

您不能直接设置<options> 标记的样式，因为它支持有限的样式，并且这些元素的样式由用户的操作系统ref here 处理。

及其支持的样式是

font-family font-* color background-color

你可以使用JQuery第三方plugins设置样式

【讨论】：