css 文本三行显示 超出省略号表示

重点：text-overflow: ellipsis;

1.一行显示，内容超出后省略号表示

实现：

display: inline-block;overflow: hidden;text-overflow: ellipsis;width: 100%;white-space: nowrap;

效果：

2.三行显示，内容超出后省略号表示

实现：

overflow: hidden;text-overflow: ellipsis;width: 100%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;word-break: break-all;

效果：