离子卡中的较大文本重叠答案

【问题标题】：Larger text in Ionic card is overlapping离子卡中的较大文本重叠
【发布时间】：2015-06-30 14:32:33
【问题描述】：

我正在尝试在 Ionic 卡内的图像顶部覆盖一些文本：

字体小也可以：

.cardImage .cardMotto p { 
  font-size:16px; 
}

字体大时文字乱了：

.cardImage .cardMotto p { 
  font-size:36px; 
}

如何修复 CSS 以让大字体正常显示？

【问题讨论】：

【解决方案1】：

您必须添加行高以匹配字体大小。

.cardImage .cardMotto p {
  font-size: 36px;
  line-height: 36px;
}

【讨论】：

【解决方案2】：

嘿，我希望你应该使用 em 而不是 px，你可以给 1.5em 或 1.4em 行高

【讨论】：