5 个回答
In most cases you will also want to set overflow to hidden, otherwise the contents won't be clipped but an ellipsis will still be shown after the specified number of lines.

-webkit-line-clamp 的主要作用你可以理解为把指定的那一行内容末尾转为 ... 显示,但并不是把内容裁切隐藏。因此,你需要增加一个 height 把超过的部分“隐藏”。

Kyle
  • 140
广东

是不是有写了height,或者max-height,或者没有加上text-overflow:ellipsis

你是不是是加了 padding?可以换成 margin

image.png
image.png
改成div标签 添加 高度 行高 可以解决

div {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

和高度无关

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏