多行显示时,最后一行超出的部分隐藏并显示省略号

mac2026-03-16  2

多行显示时,最后一行超出的部分隐藏并显示省略号,下面这段代码也可实现单行超出部分省略号,只需将-webkit-line-clamp: 2;中的2改成1就行了

max-height: 44px;

  word-wrap:break-word;

  text-overflow: -o-ellipsis-lastline;

  overflow : hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;  

  -webkit-box-orient: vertical;

最新回复(0)