css多行文字使用省略号表示

element{
	// 多行文本超出使用省略号
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

上面是不兼容ie的写法，兼容ie如下：

position: relative;
        line-height: 24px;
        max-height: 24px; // max-height是line-height的多少倍，就显示多少行
        overflow: hidden;
        &::after {
          content: ''; // 可以填省略号但是排版有些许问题
          position: absolute;
          bottom: 0;
          right: 8px;
          padding-left: 30px;
        }