CSS文本溢出隐藏,省略号代替

单行文本溢出隐藏

需要保证元素是块元素, 行内元素不具有切割的能力

.box{
  /* display: block; */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

多行文本溢出

.box{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical; /* 设置对齐模式 */
  -webkit-line-clamp: 2;  /* 设置多行的行数 */
}

脉望