css多行文字溢出打点
效果
单行文字溢出打点
多行文字溢出打点
代码
单行文字溢出打点
div {width: 100px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}多行文字溢出打点
div {width: 100px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3; //行数-webkit-box-orient: vertical;}ps: https://github.com/josephschmitt/Clamp.js 这个是封装好的多行溢出打点库, 原理就是就是上面的代码示例.
附上一张兼容性
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！