Windows Mobile Cordova - Zawijanie słów Wybierz opcję menu

Question

Buduję aplikację mobilną dla Windows za pośrednictwem Cordova. Mam menu Wybierz, w którym mam około 8 opcji, które mają być wyświetlane, z których ostatnia opcja ma długi tekst. Te wartości są statyczne i pochodzą z bazy danych Sqlite. Teraz ostatnia opcja (Inne [np. Dawcy, Korporacja] wychodzi i nie jest wyświetlana całkowicie jako pokaz na zdjęciu.

W jaki sposób mogę zawijać tam tekst?

css używam jest

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

kod HTML używam jest

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

Na podstawie ID otrzymuję wybierz opcje z bazy SQLite.

Proszę powiedzieć, jak zrobić zawijanie w tym celu w telefonie komórkowym z systemem Windows 8?

Answer 1

Spróbuj użyć:

white-space: pre-wrap;  

w istniejącym kodzie:

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

Answer 2

miałem ten sam problem z jednym z zastosowań byłem w pracy za pomocą jonowych ramy, i rozwiązać go za pomocą właściwość white-space:

.disaster{ 
white-space: normal; 
} 

Answer 3

Prostą implementację można za pomocą wtyczki See demo , very good link