html - 如何自动换行而不隐藏长文本的内容？

Question

我正在构建一个 ionic 应用程序，对于长文本，部分内容被隐藏为...并且用户看不到。是否可以让长文本自动换行显示所有内容？

 <ion-avatar item-start >
    <img src="assets/img/A_icon.png" style="..."/>
  </ion-avatar>
  <h2>Start</h2>
  <p>{{this.startTime}}</p>
  <p>{{this.startAddress}}</p>

Answer 1

你还没有澄清，但这看起来像 Ionic 4 代码。

控制它的正确方法是使用内置的 ion-text-wrap 类:

CSS Utilities - Ionic Documentation

例子:

  <ion-avatar item-start >
    <img src="assets/img/A_icon.png" style="..."/>
  </ion-avatar>
  <h2>Start</h2>
  <p class="ion-text-wrap">{{this.startTime}}</p>
  <p class="ion-text-wrap">{{this.startAddress}}</p>