解决 ios 前端开发文本省略溢出问题

在 ios 前端开发中,有时会出现文本省略溢出这样的问题,即文本明明限制在了单行,但仍然出现省略号,这是由于不同系统包含的字体的行高不一致所致。

想要解决这个问题,可以考虑以下方法:

height = line-height = font-size 的情况下,加上 padding-top: 1px,代码如下:

立即学习“前端免费学习笔记(深入)”;

.demo {
    height: 28px;
    line-height: 28px;
    font-size: 28px;
    padding-top: 1px;
}
登录后复制

再结合以下 html 代码使用:

我是需要进行单行省略的文案
登录后复制

这样就可以有效解决文本省略溢出问题。

以上就是iOS 前端开发中如何解决文本省略溢出问题?的详细内容,更多请关注慧达安全导航其它相关文章!

点赞(0)

评论列表 共有 0 条评论

暂无评论
立即
投稿
发表
评论
返回
顶部