限制一行和多行文字数量，超出部分用省略号显示

• 单行文本

     #text {
       overflow: hidden;
        text-overflow: ellipsis;
       white-space: nowrap;
       width: 200px;
       }
  

• 多行文本

   #text{
       overflow : hidden;
       text-overflow: ellipsis;
       display: -webkit-box;
       -webkit-line-clamp: 2;      /* 可以显示的行数，超出部分用...表示*/
       -webkit-box-orient: vertical;
     }