自动模式下的换行

假设我想在模态视图中显示很长的字符串。自动模式下的换行

目前我可以通过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

你试过空白：正常; – 2014-08-29 07:56:38

@srekoble谢谢，我会试试这些。但是如何创建Onsen-UI的小提琴？ – 2014-08-29 08:01:01

如果我们无法检查您的问题，很难为您提供解决方案。不知道你怎么能把它插入小提琴：/ – 2014-08-29 08:02:52

YOu可以尝试white-space: normal希望它有帮助

来源

2014-08-29 08:25:43

自动模式下的换行

回答

相关问题