超出部分省略号

单行省略
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;

多行省略
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;

1、word-wrap:break-word，内容将在边界内换行，仅用于块对象，内联对象要用的话，必须要设定height、width或display:block或position:absolute。
2、word-break:break-all,用于处理单词折断。
3、white-space:no-wrap用于处理元素内的空白，只在一行内显示。
4、overflow:hidden,超出边界的部分隐藏。
5、text-overflow:elipsis,超出部分显示省略号。

转载于:https://www.cnblogs.com/aisiqi-love/p/10248305.html