列表视图不显示正确的文本

Question

我想在混合移动应用程序中创建一个列表视图。在每个Cell中，我想要添加的数据超过其宽度。我只想显示一行，剩余的数据将被隐藏。在这一行中，我想只显示完整的单词，不希望任何单词被截断。

我使用Angular的离子框架。

我也得到了一个解决方案，但也截断了单词即省略号。

例子：我的要求是 在列表查看电池的输出应该是“四个得分87年前，我们的祖先在这块大陆带来一个新的” 不“四个得分和87年前，我们在这个大陆上产生的父亲“。

Answer 1

谢天谢地，有一个离子css类来实现你所需要的。使用item-text-wrap类上的列表项，像这样：

<div class="item item-text-wrap"> 
    This is a basic Card which contains an item that has wrapping text. 
</div> 

或

<ion-item class="item-text-wrap"> 
{{textThatMayBeTooLong}} 
</ion-item> 

看here以供参考。