css 单行、多行文本溢出省略

css单行省略

div {
  width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

具体查看：https://developer.mozilla.org/zh-CN/docs/Web/CSS/text-overflow

css多行省略

div {
  width: 300px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

具体查看：https://developer.mozilla.org/zh-CN/docs/Web/CSS/-webkit-line-clamp