CSS处理文本单行/多行超出展示省略号

一、单行

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

二、多行

1.    
    overflow:hidden;
1.  text-overflow:ellipsis;
1.  display:-webkit-box;
1.  -webkit-box-orient:vertical; //排列方向
1.  -webkit-line-clamp:3; //填写自己需要的行数

注意：在进行固定宽度内超出范围展示省略号，必须设置宽度才可生效