关于多行文字只在最后一行显示省略号

如果对您有帮助，请一键三连，多多点赞

遇到一个问题，我要显示四行文字，四行外多余的显示省略号，但是现实是在第二行也显示了省略号，如下图

/**相关样式代码 ***/    
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    color: rgb(153, 153, 153);

在页面调试取消掉 overflow: hidden;这个样式后发现一个问题，红色为原本宽度，也就是说文字溢出了，所以核心在于让文字不溢出 

我的处理方式是 word-break: break-word; 加上这个样式后就不会溢出了，

更多用法 详情自行 AI，下面截图部分使用