HTML 下拉列表中的文本换行答案

【问题标题】：Text wrap in HTML dropdownHTML 下拉列表中的文本换行
【发布时间】：2018-10-10 06:42:28
【问题描述】：

我想在选项字段中换行。

例子：

<select class="myselect">
  <option value="">Select</option>
  <option value="1">Dummy text Dummy textDummy text Dummy text Dummy textDummy text Dummy text</option>
  <option value="2">Dummy text Dummy textDummy text Dummy text Dummy textDummy text Dummy text</option>
  <option value="3">Dummy text Dummy textDummy text Dummy text Dummy textDummy text Dummy text</option>

</select>

【问题讨论】：

当我们不知道您的问题时，我们如何向您提供建议？
问题/错误在哪里？
他说他需要在<option>的文本里面换行
Thanx Mohammad，Sfili_81，SilentCoder，我刚刚编辑了我的问题标题，请提出建议。
@Abhishek 基本上，您不能在标准选择选项中进行文本换行。选择选项标签的样式功能有限，并且不支持格式化。您可以使用任何可用的 jquery 小部件作为选择菜单来完成此任务。

标签： php jquery css html

【解决方案1】：

试试这个代码！！希望这对你有用..

.myselect {
  width: 200px;
  max-width: 100%;
}
option {
 white-space: pre-wrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-bottom: 1px solid #DDD;
}

<select class="myselect">
  <option value="">Select</option>
  <option value="1">Dummy text Dummy textDummy text Dummy text Dummy textDummy text Dummy text</option>
  <option value="2">Dummy text Dummy textDummy text Dummy text Dummy textDummy text Dummy text</option>
  <option value="3">Dummy text Dummy textDummy text Dummy text Dummy textDummy text Dummy text</option>
</select>

【讨论】：