自定义选择框

Question

选择框中的文本在选择所需选项后被截断。但是我想要完整的文本。我已经尝试过这段代码，我不想增加宽度。如果剩下的文字显示我会很棒在下一行

    <select style="width:100px;" id='noOfUser' name='noOfUser' class="accordion_inner">
	  <option value='0'>&nbsp;Select No of Users</option>
	  <option value='100'>All Users in the city of mumbai</option>
	  <option value='70'>70% Users in the city of mumbai</option>
	  <option value='50'>50% Users in the city of mumbai</option>
	  <option value='30'>30% Users in the city of mumbai</option>
	</select>

Answer 1

您可以使用css white-space属性来控制文本的处理方式。这是小提琴：http://jsfiddle.net/0rkmgw13/。 不幸的是，这在IE http://caniuse.com/#search=white-space中不起作用，在我的PC上的Firefox中（v.34.0.5），这不起作用，也没有建议的前缀，或没有它。

Answer 2

感谢您的巡回回应，但是白色空间在这里没有用。 我找到了解决方案，自动换行：break-word;解决问题

      选择否用户       孟买市的所有用户       孟买市70％的用户       孟买市50％的用户       孟买市30％的用户