css单行、多行文本溢出显示省略号

单行

.box{
    overflow: hidden;   // 溢出隐藏
    text-overflow: ellipsis;  // 文本溢出时发生的事，ellipsis表示用省略号代替溢出的文本
    white-space: nowrap;  // // 规定段落中的文本不进行换行
}

多行

.box {
    overflow: hidden;            // 溢出隐藏
    text-overflow: ellipsis;     // 溢出用省略号显示
    display:-webkit-box;         // 作为弹性伸缩盒子模型显示。
    -webkit-box-orient:vertical; // 设置伸缩盒子的子元素排列式：从上到下垂直排列
    -webkit-line-clamp:3;        // 显示的行数
}