文字超过两行时显示省略号-CSS样式

要在 CSS 中实现当文字超过两行时显示省略号，可以使用 text-overflow 和 overflow 属性结合使用，以及设置 white-space 属性。

.text {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
 /* 显示的行数，可自行修改 */
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
}