Windows Mobile Cordova - Wortumbruch Wählen Sie Menüoption

Question

Ich baue eine Windows Mobile-Anwendung über Cordova. Ich habe ein Select-Menü, wo ich einige 8 Optionen habe, die angezeigt werden sollen, von denen die letzte Option langen Text hat. Diese Werte sind Statisch und stammen von SQLite Database. Jetzt kommt die letzte Option (Andere [z. B. Spender; Corpora) heraus und wird nicht vollständig angezeigt, wie auf dem Bild gezeigt.

Wie verpacke ich den Text dort?

Die css ich verwende ist

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

Der HTML-Code ich verwende ist

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

auf die id Basierend ich die Auswahl von Optionen aus der SQLite-Datenbank immer bin.

Bitte sagen Sie mir, wie Sie den Word-Wrap dafür in Windows 8 Handy tun? mit

Answer 1

Versuchen:

white-space: pre-wrap;  

in Ihrem vorhandenen Code:

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

Answer 2

ich gleiches Problem mit einem der Anwendungen hatte ich auf dem Einsatz ionischer-Rahmen arbeite, und ich löste es die Verwendung von White-Space-Eigenschaft:

.disaster{ 
white-space: normal; 
} 

Answer 3

Eine einfache Implementierung dafür kann mit dem PluginerfolgenSee demo , very good link