Word wrap in on-modal

Предположим, я хочу показать очень длинную строку в модальном виде.Word wrap in on-modal

В настоящее время я могу установить текст динамически через angular.element(...).html(...);. Тем не менее, контейнер не обертывает текст вообще, а делает модальный вид прокручиваемым, чтобы разместить эту очень длинную строку.

Вот как настроить модальный вид:

<body> 
    ... 
    <ons-modal var="modalDialog"> 
     <ons-icon icon="ion-information-circled" size="3x" spin="false"></ons-icon> 
     <br><br><div>Original text, can be replaced via jqlite.</div> 
     <br><br><ons-button ng-click="modalDialog.hide()">Got it!</ons-button> 
    </ons-modal> 
    ... 
</body>

enter image description here

Я попытался следующие методы без успеха:

Используйте дополнительный <div> завернуть дисплей содержание.
Используйте дополнительный <p>, чтобы обернуть длинную строку.
Установите CSS моих элементов с word-wrap: 'break-word' и word-break: 'break-all'

Любая помощь приветствуется.

источник

2014-08-29 Seraph Cheng

Вы пробовали Пробельные: нормальный; –

@srekoble Спасибо, я попробую это. Но как я могу создать скрипку с активированным Onsen-UI? –

сложно предоставить вам решение, если мы не сможем проверить вашу проблему. Dunno, как вы можете вставить его для скрипки:/ –

вы могли бы попробовать white-space: normal надежду, что это помогает

источник

2014-08-29 08:25:43

Word wrap in on-modal

ответ

Смежные вопросы