我正在通过Cordova构建Windows移动应用程序。
我有一个“选择”菜单,其中有一些要显示的8个选项,最后一个选项的文本较长。这些值是静态的,来自Sqlite数据库。
现在,最后一个选项(其他[例如捐赠者;公司])出来了,并且没有完全显示出图片中的显示。

如何在其中自动换行?

我正在使用的css是

.disaster {
    word-wrap:break-word;
 }
 .disaster option{
    word-wrap:break-word;
 }

我正在使用的HTML代码是
<select name="select-disaster" id="select-disaster" class="disaster"></select>

基于ID,我从Sqlite数据库中获得选择选项。

请告诉我如何在Windows 8移动电话中对此进行自动换行?

最佳答案

尝试使用:

white-space: pre-wrap; 

在您现有的代码中:
.disaster {
    white-space: pre-wrap;
 }
 .disaster option{
   white-space: pre-wrap;
 }

07-28 05:14