在下拉菜单中调整文字的大小

-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，那么在这种情况下文本应该调整为下拉大小，额外的文本看起来应该更大在下一行 –

在下拉菜单中调整文字的大小

回答

相关问题