css如何做出省略号效果？

• Z时代
• 2024-01-10
• 分类：技术分享

css如右边配置
但是文字结尾没有出现。。。

回答

overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;

我写了个测试的，我这个是可以的，你也可以试下

.text{
  width: 50px;
  border: 1px solid #000;
  text-overflow: ellipsis;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

以上是 css如何做出省略号效果？ 的全部内容， 来源链接： utcz.com/a/83296.html