Css 使用线夹和嵌套的p标记夹紧线

我试图使用-webkit-line-clamp属性（如图所示），但它似乎不适用于嵌套标记

我正在努力使此示例生效：

Lorem ipsum Door sit amet，为精英们献身，为埃乌斯莫德服务
暂时性的劳工和财产损失。我们在这里吃得很少，
他在乌拉姆科实验室实习，并在普通实验室实习
康塞奎特。


Lorem ipsum Door sit amet，为精英们献身，为埃乌斯莫德服务
暂时性的劳工和财产损失。我们在这里吃得很少，
他在乌拉姆科实验室实习，并在普通实验室实习
康塞奎特。

---

我的内容由quill.js生成，并由多个p标签包装。我不能改变这一点。您知道我如何使

-webkit line clamp

（或类似的东西）工作吗？

如果您将这两个段落包装在另一个div中，您当前的代码将截断显示的文本

以下是一个工作示例：

.container{
显示：-网络工具包盒；
溢出：隐藏；
-webkit线夹：5个；
-网络工具包盒方向：垂直；
宽度：200px；
}

Lorem ipsum Door sit amet，为精英们献身，为埃乌斯莫德服务
暂时性的劳工和财产损失。我们在这里吃得很少，
他在乌拉姆科实验室实习，并在普通实验室实习
康塞奎特。


Lorem ipsum Door sit amet，为精英们献身，为埃乌斯莫德服务
暂时性的劳工和财产损失。我们在这里吃得很少，
他在乌拉姆科实验室实习，并在普通实验室实习
康塞奎特。

谢谢您的帮助！它工作得很好，但奇怪的是，我们丢失了段落末尾的“…”，你认为有可能把它们加回去吗？行数的计算方式与换行符也不同，但在我的例子中并不重要。如果.container中的元素是块级元素，例如，等等，则“…”似乎会丢失。如果将标记更改为内联元素，例如，“…”会重新出现。我已经更新了我的答案，加入了一个使用跨距而不是段落标记的示例。在Safari 14中，当使用块级子元素时，什么都看不见。这仅适用于内联子元素。