如何防止项目文本换行

Question

这是我的代码：

<ion-list>
  <ion-item>
    <ion-avatar item-left>
      <img src="img/avatar-small.jpg">
    </ion-avatar>
    <h2>Alissa Connor said something</h2>
    <p>Sed ut perspiciatis unde omnis iste natus error sit Sed ut perspiciatis unde omnis iste natus error sit Sed ut perspiciatis unde omnis iste natus error sit </p>
  </ion-item>
</ion-list>

And what I get

我可能使用错误的元素来做这件事，但我希望看到整篇文章。

有什么想法吗？

Answer 1

Ionic有预定义的风格。在您的离子项（或Ionic 1中的public class Rules { public static final JarvisFilterRule FILTER = new JarvisFilterRule(); public static class JarvisFilterRule extends RelOptRule { private JarvisFilterRule() { super(operand(Filter.class, operand(Query.class, none()))); } public void onMatch(RelOptRuleCall call) { // do something } } } 类）上使用text-wrap：

item-text-wrap

Answer 2

just provide some idea for this issue. i didn't test this.

.word-wrap {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

<p class="word-wrap">Sed ut perspicia.....</p>