单行超出隐藏，和多行超出隐藏

单行超出隐藏：

    /* 不换行 */

    white-space: nowrap;

    /* 超出隐藏 */

    overflow: hidden;

    /* 文字超出显示省略号 */

    text-overflow: ellipsis;

多行超出隐藏：

    /* 超出隐藏 */

    overflow: hidden;

    /* 文字超出显示省略号 */

    text-overflow: ellipsis; 

    /* 对象作为弹性盒子模型显示 */

    display: -webkit-box;

    /*块容器中的内容限制为指定的行数 */

    -webkit-line-clamp: 2;

    /* 弹性盒子对象的子元素排列方式设置为垂直排列 */

    -webkit-box-orient: vertical;