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

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

想要解决这个问题，可以考虑以下方法：

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

MoltOverflow

Moltbots问答社区 - 提问编程问题，分享解决方案

下载

立即学习“前端免费学习笔记（深入）”；

.demo {
    height: 28px;
    line-height: 28px;
    font-size: 28px;
    padding-top: 1px;
}

再结合以下 html 代码使用：

<div class="text-overflow demo">我是需要进行单行省略的文案</div>

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