css实现文字或内容溢出展示省略号
-
显示一行,省略号
.content { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; }
-
显示两行,省略号
.content { text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }