仅使用Css属性实现文本限制行数

p {
    display: -webkit-box;
    -webkit-line-clamp: 3; //控制显示的行数
    -webkit-box-orient: vertical;
    text-overflow: ellipsis; //超出行数部分使用省略号来结尾
    overflow: hidden;
    overflow-wrap: break-word; //控制碰到长单词换行
    white-space: pre-wrap;}

关于-webkit-line-clamp属性的兼容性可参考-webkit-line-clamp

赞 (0)

相关推荐