两行后的省略号[重复]答案

【问题标题】：Elipsis after two lines [duplicate]两行后的省略号[重复]
【发布时间】：2018-10-06 22:51:47
【问题描述】：

我想在两行之后省略我有一个解决方案，但它在 IE 浏览器中不起作用。

我想要这样：

Amazon Childproofs Echo 扬声器，添加适合年龄的音频内容...

【问题讨论】：

发布您的代码。
看看这个：github.com/jackyr/multi-clamp
上述解决方案对我不起作用。我无法申请 webkit box orient

【解决方案1】：

body {
  padding: 50px;
}

.desc {
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -moz-line-clamp: 2;
  -ms-line-clamp: 2;
  -o-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  -ms-box-orient: vertical;
  -o-box-orient: vertical;
  box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  height: 40px;
  margin-bottom: 10px;
  margin-top: 10px;
  color: #333;
}

<div class="desc">
  textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt
  textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt
  textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt
  textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt
  textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt
</div>

【讨论】：