用css解决文本折行问题

最近在写项目的时候，布局中有一段文本都需要折行显示

CSS文字折行有3个属性控制：

1、overflow-warp(老版word-warp) 通用换行控制

2、word-break 是否要把字母作为一个单位，是否要把中文的句子作为一个单位

3、white-space 在空白位置是否断行，经常使用no-warp

本次解决问题实现代码如下：

在需要修改样式的地方加个类名，
/deep/和！important能增加权重，提高优先级