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選擇菜單選項

回答

相關問題