gpt4 book ai didi

css - ionic 卡中较大的文本重叠

转载 作者:太空宇宙 更新时间:2023-11-04 03:02:15 26 4
gpt4 key购买 nike

我正在尝试在 Ionic 卡片内的图像顶部叠加一些文本:

代码笔:http://codepen.io/ohho/pen/oXpmQQ

字体小的时候没问题:

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

字体大时文字乱七八糟:

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

如何修复 CSS 以正确显示大字体?

最佳答案

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

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

enter image description here

Codepen

关于css - ionic 卡中较大的文本重叠,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31129694/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com