Windows Mobile Cordova - Word Wrap选择菜单选项

我正在通过Cordova构建Windows移动应用程序。我有一个选择菜单，我有8个选项要显示，其中最后一个选项有冗长的文本。这些值是Static，来自Sqlite数据库。现在最后一个选项（其他[例如Donors; Corpora））出现并且没有完全显示在图片中。 enter image description here Windows Mobile Cordova - Word Wrap选择菜单选项

我该如何将文字包裹在那里？

我使用的CSS是

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

的HTML代码我使用的是

<select name="select-disaster" id="select-disaster" class="disaster"></select>

基于我正在从SQLite数据库中选择选项的ID。

请告诉我如何在Windows 8移动电话中为此进行Word包装？在现有的代码

white-space: pre-wrap;

：

来源

2015-03-31 Prathyush

我试着用你的选择测试一个解决方案与css类，实际上它不起作用，但我想你可以找到你的解决方案样式默认系统弹出或列表视图。我对本地windows phone不是很熟练，但是可能有办法改变默认的系统风格 – devconcept 2015-04-27 12:25:47

尝试使用

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

来源

2015-03-31 14:05:39

不。它仍然是一样的。我甚至试图改变选择菜单的字体，以便它适合。但视图中没有改变。它就像是Windows 8下拉菜单的默认视图一样。 – Prathyush 2015-03-31 14:14:50

我有同样的问题，与我工作使用离子框架的一个应用程序，我解决它使用空白属性：

.disaster{ 
white-space: normal; 
}

来源

2015-04-29 06:49:17

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

来源

2015-04-30 09:33:11

Windows Mobile Cordova - Word Wrap选择菜单选项

回答

相关问题