CSS样式设置省略号和换行

/*换行*/

/*

* 多行省略号

*/

.ellipsis-2-pk {

    /* autoprefixer: off */

    overflow:hidden;

    text-overflow:ellipsis;

    display:-webkit-box;

    -webkit-box-orient:vertical;

    -webkit-line-clamp:2;

}

.ellipsis-3-pk {

    /* autoprefixer: off */

    overflow:hidden;

    text-overflow:ellipsis;

    display:-webkit-box;

    -webkit-box-orient:vertical;

    -webkit-line-clamp:3;

}

.ellipsis-single-pk {

    white-space:nowrap;

    overflow:hidden;

    text-overflow:ellipsis;

}

.break-all-pk {

    word-break:break-all;

}

.break-word-pk {

    word-break:break-word;

}

/*常用按钮*/

/*白色背景,红色边框*/

.btnLine-small-red {

    display:inline-block;

    box-sizing:border-box;

    width:80px;

    height:30px;

    line-height:28px;

    border-radius:30px;

    border:1px solid #D82D11;

    color:#D82D11;

    font-size:15px;

    text-align:center;

    background:#ffffff;

}

你可能感兴趣的:(CSS样式设置省略号和换行)