一 文本显示规定行数隐藏并显示省略号(兼容IE)

/*显示三行*/

.textThree{

   text-overflow:-o-ellipsis-lastline;

    text-overflow:ellipsis;

    overflow:hidden;

    display:-webkit-box;

    -webkit-line-clamp:3;

    line-clamp:3;

    -webkit-box-orient:vertical;

    word-break:break-all;

}

/*显示两行*/

.textTwo{

   overflow:hidden;

    text-overflow:-o-ellipsis-lastline;

    text-overflow:ellipsis;

    display:-webkit-box;

    -webkit-line-clamp:2;

    line-clamp:2;

    -webkit-box-orient:vertical;

    word-break:break-all;

}

/*显示一行*/

.textOne{

   display:inline-block;

    overflow:hidden;

    word-break:keep-all;

    white-space:nowrap;

    text-overflow:ellipsis;

}

你可能感兴趣的:(一 文本显示规定行数隐藏并显示省略号(兼容IE))