在离子列表的离子项目的第一行剪切了单词

Question

离子3，我使用的是离子列表，里面有一个离子项目，但是每个离子项目内部的第一行都被剪掉了。如您所见，大写字母“ A”并不完全可见。 你能帮助我吗？谢谢

这是我的代码和屏幕截图

<ion-list>
 <li *ngFor="let risultato of risultatiFiltered">
  <ion-item text-wrap>
   <h3> Activity: {{risultato.activity}} </h3>          
   <h3> Time: {{risultato.time}} </h3>
   <h3> Score: {{risultato.score}} </h3>
  </ion-item>
 </li>
</ion-list>

Answer 1

此问题似乎会影响所有<ion-item />元素，而不仅是第一个（和/或最后一个），我将从尝试更改font-size或{{1 }} {}。

例如，您可以使用overflow属性删除顶部/底部的“裁剪” （对不起，我没有更好的说法）：

<ion-item />

您还可以尝试缩小overflow-y，例如，如果当前的ion-item { overflow-y: visible } 为font-size，则可以尝试将其设置为：

font-size

尽管您应该对其进行调整以查看最有效的方法。

更新：您正在使用16px吗？因为如果不是，则应检查填充，因为它可能会影响ion-item { font-size: 14px } 元素的大小，从而导致其隐藏它的溢出。

如果是这种情况，请使用以下方法将其删除：

box-sizing

应该工作。您还可以使用以下方法完全消除溢出：

<ion-item />

祝你好运。