[css文字单行省略与多行省略]

单行省略，所属元素首先加固定宽度

white-space属性值

normal：忽略多余的空白，只保留一个空白（默认）；

pre：保留空白(行为方式类似于html中的pre标签)；

nowrap：只保留一个空白，文本不会换行，会在在同一行上继续，直到遇到br标签为止。

pre-wrap：保留空白符序列，正常地进行换行；

pre-line：合并空白符序列，保留换行符；

inherit：从父元素继承white-space属性的值。

          .text{
          max-width:200px;
          white-space: nowrap;
          overflow: hidden;//文本超出隐藏
          text-overflow: ellipsis;//文本超出省略号替代
          }

多行省略号替代,不用给固定宽高

     display: -webkit-box;//将盒子转换为弹性盒子
    -webkit-box-orient: vertical;//文本显示方式，默认水平
    -webkit-line-clamp: 2;//设置显示多少行
    overflow: hidden;

span {
                @include overflowText;
                margin-right: 7px;
                width: 110px;
              }