将下拉值分解为两行，但单击时应将其视为单行

Question

我有很多<option>。其中一个文本很长，我想将其分成两行，但是当我单击它时（通过 JavaScript 获取文本）它应该作为一行。

Answer 1

给你的 li 链接 display:inline-block 风格

 <li><a style="display:inline-block" href="#somewhere">line1<br>line2</a></li>

Answer 2

我找到了此代码在 Firefox 中运行良好的解决方案：-

 <style>
#wgtmsr{
 width:50px;   
}

#wgtmsr option{
 width:50px;   
}
#wgmstr {
    max-width: 40px;
    min-width: 40px;
    width: 50px !important;
}
  </style>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
 </HEAD>

 <BODY>
  <select name="wgtmsr" id="wgtmsr">
<option value="value1">value1</option>
<option value="value2">value2</option>
<option value="value3">value3</option>
<option value="value4">value4 ton</option>
<option value="value5">value5</option>
<option id="wgtmsr" value="ounce">Ounce111111111111111111111111111</option>
</select>
 </BODY>
</HTML>

将下拉值分解为两行，但单击时应将其视为单行

Break drop down value into two line but it should be considered as a Single when clicked

html

line-breaks

drop-down-menu