2016-07-04 23 views
0

テキストが長すぎる場合は、<select> をラップします。空白がFirefoxで機能しない

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>

しかし、私は、Firefox上でテストする際に包まれていない、テキストは、非表示になります。これを修正するには?

+0

このhttps://css-tricks.com/snippets/css/prevent-long-urls-from-breaking-out-of-container/を試してみてください...それを試してみてください –

答えて

0

<!--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; 

} 
関連する問題