红色区域内容为服务器中取出的富文本编辑器的内容,自带样式属性,普通方法,给固定高度做溢出隐藏会出现显示不全的问题。如下图: 如直接用js取字段中的内容直接截取,也不太可取,会把富文本编辑器中的样式也一并截取掉。
下方红色区域为服务器中取出的富文本字段
解决办法:获取到该盒子中所有的子元素,拿到每个子元素的高度样式,取前几个赋值到父节点的高度即可。部分代码如下:
<!-- 返利 -->
<div class="part fanli" v-if="rebate.count">
<div class="details-title d-flex justify-space-between">
充值返利
<div>查看全部</div>
</div>
<div class="fanli-title">{
{rebate.list[0].titl