Css溢出文字隐藏

显示一行

    /* 显示一行 */
   .one-line {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
   }

显示两行

   /* 显示两行 */
   .two-line {
     /* 溢出内容隐藏 */
     overflow: hidden;			
     /* 文本溢出部分用省略号代替 */
     text-overflow: ellipsis;	
     /* 特别的显示模式 */
     display: -webkit-box;		
     /* 盒子中内容竖直排列 */
     -webkit-box-orient: vertical; 
     /* 行数 */
     -webkit-line-clamp: 2;
   }