html部分
<div class="container">
<p id="js_overflow">
<span class="c-red">js溢出:</spanIT、信安条线在ihr中已经搭建了人才库,对已经搭建了人才库的条线,提供一键推送功能,将待申请入库的卓越工程师推送至集团卓越工程师库入库流程的名单汇总环节。
支持员工聘任多个条线的卓越工程师,需要由工程师本人选择从事的主领域:在各条线将卓越工程师名单报送集团之后,由集团专家人才管理员筛选出跨多个条线聘任的人员,向员工发起选择从事主领域的流程,该流程需提交至员工所在单位人力资源部的专家人才。
</p>
</div>
css部分
#js_overflow {
height: 3em; //父级font-size三倍 显示三行
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
position: relative;
}
js部分
<script>
const p = document.getElementById('js_overflow')
const words = p.innerHTML.split(/(?<=[\u4e00-\u9fa5])|(?<=\w*?\b)/g)
while (p.scrollHeight > p.clientHeight) {
words.pop()
p.innerHTML = words.join('') + '...'
}
</script>