css超出2行显示省略号

在包裹文字的标签上写上如下css样式

.fontBox{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; /*想要显示几行就写几,现在只显示2行*/
  word-break: break-all;
  -webkit-box-orient: vertical;
}

你可能感兴趣的:(css,前端)