將寬度設置爲下拉並根據寬度調整大小內的文字

.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

將寬度設置爲下拉並根據寬度調整大小內的文字

回答

相關問題