526互联

CSS 文本超出显示...

发布时间 2023-12-06 18:56:42作者: jiazq
  • 单行
.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
  • 多行
/* 以两行为例 webkit-line-clamp的值 */
.ellipsis-2 {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}