Windows Mobile Cordova - 自动换行选择菜单选项

Ram*_*h S 6 html javascript css cordova windows-phone-8

我正在通过Cordova构建Windows移动应用程序.我有一个选择菜单,我有8个选项要显示,其中最后一个选项有冗长的文本.这些值是静态的,来自Sqlite数据库.现在最后一个选项(其他[例如Donors; Corpora])即将出现,并且没有完全显示在图片中.在此输入图像描述

我如何在那里自动包装文字?

我正在使用的CSS是

.disaster {
    word-wrap:break-word;
 }
 .disaster option{
    word-wrap:break-word;
 }
Run Code Online (Sandbox Code Playgroud)

我正在使用的Html代码是

<select name="select-disaster" id="select-disaster" class="disaster"></select>
Run Code Online (Sandbox Code Playgroud)

基于id,我从Sqlite数据库中获取选择选项.

请告诉我如何在Windows 8手机中进行Word包装?

Nis*_*hia 0

尝试使用:

\n\n
white-space: pre-wrap;\xc2\xa0\n
Run Code Online (Sandbox Code Playgroud)\n\n

在您现有的代码中:

\n\n
.disaster {\n    white-space: pre-wrap; \n }\n .disaster option{\n   white-space: pre-wrap; \n }\n
Run Code Online (Sandbox Code Playgroud)\n