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

  • A+
所属分类:Web前端
摘要

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

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