解决 ios 前端开发文本省略溢出问题
在 ios 前端开发中,有时会出现文本省略溢出这样的问题,即文本明明限制在了单行,但仍然出现省略号,这是由于不同系统包含的字体的行高不一致所致。
想要解决这个问题,可以考虑以下方法:
在 height = line-height = font-size 的情况下,加上 padding-top: 1px,代码如下:
.demo {
height: 28px;
line-height: 28px;
font-size: 28px;
padding-top: 1px;
}
再结合以下 html 代码使用:
<div class="text-overflow demo">我是需要进行单行省略的文案</div>
这样就可以有效解决文本省略溢出问题。
以上就是iOS 前端开发中如何解决文本省略溢出问题?的详细内容,更多请关注知识资源分享宝库其它相关文章!
版权声明
本站内容来源于互联网搬运,
仅限用于小范围内传播学习,请在下载后24小时内删除,
如果有侵权内容、不妥之处,请第一时间联系我们删除。敬请谅解!
E-mail:dpw1001@163.com
发表评论