CSS单行多行溢出省略号

CSS单行多行溢出省略号

单行溢出

.x {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

多行溢出

.x {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}