首页 文章

如何在离子项中包装长字符串

提问于
浏览 次
45

IONIC在离子项中有关于自动换行的两个问题：1 . 字符串会被末尾附加的点截断，如何显示没有点的完整内容？ 2.自动换行和响应在Firefox中不起作用（Chrome还可以），如何在Firefox中解决这个问题？

<div class="row responsive-sm">
<div class="col">
    <div class="item item-body">
        <ion-item class="wrap" style="word-wrap: break-word; word-break: break-all;">
        #fashion #fashion #fashion #fashion #fashion #fashion #fashion #fashion #fashion #fashion #fashion #fashion #fashion #fashion #fashion #fashion #fashion #fashion 
        </ion-item>
    </div>
</div>

任何帮助将非常感激 . 最好的祝福 . 这里是完整的HTML来显示问题codepen

ionic-framework word-wrap

3 回答

  • 98

    For ionic 1:

    只需将 item-text-wrap class 添加到项目中即可 .

    <ion-item class="item-text-wrap">
  some long string
</ion-item>

    For ionic 2:

    只需将 text-wrap attribute 添加到项目中即可 .

    <ion-item text-wrap>
  some long string
</ion-item>
    回复于
  • 13

    在Ionic 2中，使用 text-wrap 属性

    <ion-item text-wrap>
  text here wraps to multiple lines
</ion-item>
    回复于
  • 97

    如果您希望自定义CSS类具有相同的自动换行效果，请添加

    white-space: normal;

    到你的 class .

    资料来源：ionic forum

    回复于

相关问题