在下拉菜單中調整文字的大小

-1

我已經下拉了很少的文字很長，並且由於這個尺寸變得太長了。在下拉菜單中調整文字的大小

var name1 = "A", 
 
    name2 = "B", 
 
    name3 = "C"; 
 

 
var s = document.getElementById('names'); 
 
s.children[0].innerText = name1; 
 
s.children[1].innerText = name2; 
 
s.children[2].innerText = name3;

<select id="names"> 
 
     <option value="a">fill1</option> 
 
     <option value="b">fill2</option> 
 
     <option value="c">fill3</option> 
 
    </select>

我如何可以調整下拉？

來源

2016-09-29 sandeep kapalawai

那麼你真正想實現什麼？如果你改變'var name1 =「A」'爲'var name1 =「Aaaaaaa」'或其他任何東西，它會顯示.... –

究竟是什麼問題？在jsfiddle中通過你的例子看起來似乎沒有問題 –

我想你想要獲得一個鍵/值選擇結構？ – Roy123

如果你用css設置一個類給它一個指定的寬度。或者只在你的select元素上添加一些樣式。

<select id="names" style=width:100px class='setMyWidth'> 
<option value="a">fill1</option> 
<option value="b">fill2</option> 
<option value="c">fill3</option>

你也可以創建一個CSS類。

.setMyWidth{width: 100px;}

注意：如果沒有任何外部庫，不可能將文字包裝到下拉框中。此fiddle中顯示的是您正在嘗試實現的目標。這是唯一可能的外部庫found over here

來源

2016-09-29 10:10:46

其調整大小隻能下拉大小不是文本包裝大小，我只是尋找文本換行下拉https://jsfiddle.net/sandeepkapalawai/1Lmcgro0/2/ –

看看這個... http://jsfiddle.net/acrnP/ 如果上面不是你的解決方案，你可以請更具體嗎？即時通訊不知道您的文字包裝是什麼意思？如果下拉框的尺寸合攏，是否需要更改尺寸？或者你想保持它的大小，當它打開，而不是擴展到全文寬度？ –

是的，iam提到下拉的大小應該是相同的，以防萬一如果文本太大大於drop drop，那麼在這種情況下文本應該調整爲下拉大小，額外的文本看起來應該更大在下一行 –

在下拉菜單中調整文字的大小

回答

相關問題