css - 除了... 3dots 之外，CSS 的 line-clamp 属性可以添加文本/内容吗？CSS

Question

不，这不起作用：在 Chrome 上也是如此 - 所以不知道它支持哪个浏览器。

我正在使用https://css-tricks.com/line-clampin/技术来让某些行显示在我的 div 容器中。这是我的代码：

CSS：

.container {
  width: 600px;
  border: 1px solid #888;
  padding: 0.5em;
  line-height: 1.2em;
  margin-bottom: 10px;
}

.summary{

   background-color: #fff;
       height: 60px;
        padding: 2em;
        width: 200px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    
}

https://jsfiddle.net/ozx9np34/

我知道钳位用于获取截断行末尾的 3 个点，但是有没有办法在其中添加一些文本（“继续”/“更多”）以指示存在更多内容？

标签： css