前端vue/uniapp —— 兼容ios与安卓问题
短信预约 -IT技能 免费直播动态提醒
1.flex布局中justify-content/align-items: end；ios不生效问题
// 把end 改为 flex-endjustify-content: flex-end;align-items: flex-end;2.文字溢出显示省略号——富文本在ios真机不生效
① css样式无效：安卓可，ios不可
.multiWrap { word-wrap: break-word; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical;}② 富文本外层包裹：安卓可，ios不可
<div style='display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;line-clamp: 3;overflow: hidden;height: 120rpx;'>{{富文本内容}}</div>③ 提取富文本文字后加css样式：安卓可，ios可，不完美的解决办法
// 提取富文本文字+长度截取function truncateHTML (htmlText, limit, indicator) { var tempDiv = document.createElement('div') tempDiv.innerHTML = htmlText var text = tempDiv.textContent || tempDiv.innerText || '' if (text.length > limit) { text = text.substring(0, limit) + (indicator || '...') } return text}.multiWrap { word-wrap: break-word; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical;}来源地址：https://blog.csdn.net/qq_42905523/article/details/130400293
免责声明：
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的，并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据，供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
