设置一行或多行文本隐藏

隐藏一行文本

• 使用场景：当文本需要在一行上显示的时候，但文本又超出盒子的宽度时

// 一行文本显示隐藏
        .hidden{
            white-space: nowrap;   //使换行的文本强制显示在一行
            overflow: hidden;     //隐藏溢出的文本
            text-overflow: ellipsis;  //文本溢出的位置显示省略号
        }

隐藏多行文本

• 使用场景：当需要显示多行文本时候

    // 多行文本显示隐藏
        .hidden{
            display: -webkit-box;
            -webkit-box-orient: vertical;
            /* 限制显示的行数 */
            -webkit-line-clamp: 3;
            overflow: hidden;
            text-overflow: ellipsis;
        }