单/多文本超显省略号/超过设置的宽度走马灯向左滚动/展开收缩效果/文本超出换行显/滚动时去掉滚动条

单行

overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;

多行

display: -webkit-box ;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
-webkit-box-orient: vertical;
-webkit-line-clamp:2;

-webkit-line-clamp:2;//这是设置显示的多少行。
-webkit-box-orient：vertical。
word-break：规定自动换行的处理方法。

超过设置的宽度走马灯向左滚动

参考代码

展开收缩效果

https://www.cnblogs.com/cisum/p/9777138.html

文本超出换行显示

 word-break: break-all;
  word-wrap: break-word;

滚动时去掉滚动条

 // 滚动时去掉滚动条 类名对应的是你要控制的dom结构
    .sec-con::-webkit-scrollbar {
      display: none;
    }