gpt4 book ai didi

javascript - ons-modal 中的自动换行

转载 作者:行者123 更新时间:2023-11-28 17:33:25 24 4
gpt4 key购买 nike

假设我想在模态视图中显示一个很长的字符串。

目前我可以通过 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>把长字符串包起来。
  • 使用 word-wrap: 'break-word' 设置我的元素的 CSS和 word-break: 'break-all'

感谢任何帮助。

最佳答案

你可以试试 white-space: normal 希望对你有帮助

关于javascript - ons-modal 中的自动换行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25563920/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com