html - 如何防止元素文本换行

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 有一个预定义的样式。在你的 ion-item 上使用 text-wrap(或 Ionic 1 中的类 item-text-wrap):

<ion-list>
  <ion-item text-wrap>
    <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>