2015-03-31 2 views
6

Я создаю приложение для мобильных ПК Windows через Cordova. У меня есть меню выбора, в котором у меня есть 8 параметров, которые должны отображаться, из которых последний вариант имеет длинный текст. Эти значения являются Static и поступают из Sqlite Database. Теперь последний вариант (Другой [например, доноры; Corpora) выходит и не отображается полностью, как показано на картинке. enter image description hereWindows Mobile Cordova - Word Wrap Выберите опцию меню

Как сложить текст там?

устанавливаемых сотовое я использую

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

код Html Я использую

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

На основании ид я получаю выбор опции из Sqlite базы данных.

Скажите, пожалуйста, как сделать перенос Word для этого в мобильном телефоне Windows 8?

+0

Я попытался протестировать решение с помощью классов css для вашего выбора, и действительно, он не работает, но я думаю, вы можете найти свое решение, разрабатывающее всплывающее окно или список просмотров по умолчанию. Я не очень разбираюсь в родном телефоне Windows, но может быть способ изменить стили системы по умолчанию – devconcept

ответ

0

Попробуйте использовать:

white-space: pre-wrap;  

в существующий код:

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

Нет. Это не сработало. Это все равно. Я даже попытался изменить шрифт для меню «Выбрать», чтобы он мог поместиться. Но никаких изменений в представлении нет. Это похоже на представление по умолчанию для Windows 8 Drop Down. – Prathyush

0

У меня был такой же вопрос с одним из приложений, которые я работал на использовании ионно-основы, и я решил его с помощью пробел:

.disaster{ 
white-space: normal; 
} 
0

Простая реализация для этого может быть выполнена с использованием плагина