空格在Firefox上不起作用

Question

I want the <select> <option> s to wrap if the text is too long.

 select { overflow-wrap: break-word; word-wrap: break-word; white-space: -moz-pre-wrap; white-space: pre-wrap; } 

 <select style="width:130px;"> <option value="47" selected="selected">Traditur Preascep irruit. Sed now possum Non adamare te. Maneam</option> </select> 

But when I test on Firefox, the text is hidden, not wrapped. How to fix this?

Answer 1

try it...

<!--html-->
<select>
  <option value="47" selected="selected">Traditur Preascep irruit. Sed now possum Non adamare te. Maneam</option>
</select>

/*css*/

select {
    overflow-wrap: break-word;
    word-wrap: break-word;
    white-space: -moz-pre-wrap;
    white-space: pre-wrap;
    width:auto;

}