将宽度设置为下拉并根据宽度调整大小内的文字

.option100{ 
    width:100px !important; 
} 

<select id="fieldOfInterestSelect" name="fieldOfInterest" class="form-control" required=""><option value="-1">SELECT ONE</option><option value="4893" class="option100">Actual(R)rrrrrrrrrrrrrrrr</option><option value="4891" class="option100">Customerrrrrrrrrrrrrr</option><option value="4892" class="option100">Daterrrrrrr</option><option value="4894" class="option100">Forecast(R)RRRRRR</option></select>

尽管我有固定大小的选项，但它不适用。如果文本很大，则选项框会扩展为文本的长度。将宽度设置为下拉并根据宽度调整大小内的文字

来源

2017-04-07 H.Ostwal

这是不是真的很清楚你想实现什么 - 它看起来很正常：https：//jsfiddle.net/akvs3jzm/ – roeb

这就像：如果文本太大，不适合宽度单行： 100px，它应该调整两行或多行。在我的情况下，选项的大小自动增加。 –

任何人都可以提供帮助 –

最后，我通过各种方式尝试解决问题。最好的方法是修剪“标题”上的文字和广告全文。 [2]另一种可行的解决方案是使用UL LI结构。我已经实施并且适合我。这也解决了类默认类被重写的另一个问题。

来源

2017-05-05 10:37:36

将宽度设置为下拉并根据宽度调整大小内的文字

回答

相关问题