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>

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

2 个答案: