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

Question

我正在通过 Cordova 构建 Windows 移动应用程序。 我有一个选择菜单，其中有 8 个要显示的选项，其中最后一个选项有很长的文本。这些值是静态的，来自 Sqlite 数据库。 现在最后一个选项(其他 [例如 Donors;Corpora)出来了，并没有像图片中显示的那样完全显示。

如何将文本自动换行？

我使用的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 手机中对此进行自动换行？

Answer 1

尝试使用:

white-space: pre-wrap; 

在您现有的代码中:

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