Windows Mobile Cordova - Word Wrap Select菜单选项

Question

我正在通过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数据库中获取select选项。

请告诉我如何在Windows8手机中对此进行自动换行？

Answer 1

尝试使用：

white-space: pre-wrap; 

在您现有的代码中：

.disaster {
    white-space: pre-wrap; 
 }
 .disaster option{
   white-space: pre-wrap; 
 }

Answer 2

我使用ionic-framework开发的一个应用程序也遇到了同样的问题，我用空格属性解决了这个问题：

.disaster{
white-space: normal;
}

Answer 3

可以使用插件See demo , very good link来实现这一点