1. 程式人生 > >css 將第1/n行文字超出部分替換成省略號

css 將第1/n行文字超出部分替換成省略號

  1、第一行

    .text-overflow{

      white-space: nowrap; 

      overflow: hidden;

      text-overflow: ellipsis;

 

    }

  2、第n行 -webkit- 

    .text-overflow-multi{

      text-overflow: -o-ellipsis-lastline;

      overflow: hidden;

      text-overflow: ellipsis;

      display: -webkit-box;//將元素設為盒子伸縮模型顯示

      -webkit-line-clamp: 2; //控制行數

      -webkit-box-orient: vertical;//伸縮方向設為垂直方向

    }