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

【问题标题】：Windows Mobile Cordova - Word Wrap Select Menu OptionWindows Mobile Cordova - 自动换行选择菜单选项
【发布时间】：2015-06-04 20:45:24
【问题描述】：

我正在通过 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 Mobile Phone 中为此进行自动换行？

【问题讨论】：

我尝试使用 css 类为您的选择测试一个解决方案，但它确实不起作用，但我认为您可以找到您的解决方案样式化默认系统弹出窗口或列表视图。我对原生 windows phone 不是很熟练，但可能有一种方法可以更改默认系统样式

【解决方案1】：

尝试使用：

white-space: pre-wrap;

在您现有的代码中：

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

【讨论】：

【解决方案2】：

我使用 ionic-framework 开发的应用程序之一遇到了同样的问题，我使用 white-space 属性解决了它：

.disaster{
white-space: normal;
}

【讨论】：

【解决方案3】：

一个简单的实现可以使用插件来完成 See demo , very good link

【讨论】：