CSS强制文本为两行，即使它是'；s短或长（如果短则显示空行）

我想强制我的文本总是两行

如果它超过两行，那么它的末尾应该有“…”

如果较短，则第二行应为空

这只能通过CSS实现吗

---

我再次发布此内容，因为有人将其作为副本关闭，但链接了一个解决方案，这不是我要问的。这是链接的解决方案：

但它不包括我的一个案例（当文本短于2行时）

---

编辑：下面是一个JSFIDLE，显示在我的另一个例子中它是如何不起作用的：

乱数假文
Lorem ipsum dolor sit amet，奉献精英。说明放置在耳部，在耳部和耳部

第二天晚上，我坐在床上
Lorem ipsum dolor sit amet，奉献精英。说明放置在耳部，在耳部和耳部

我的同僚们，我的同僚们，我的同僚们，我的同僚们，我的同僚们，我的同僚们，我的同僚们。解释
Lorem ipsum dolor sit amet，奉献精英。说明放置在耳部，在耳部和耳部

---

正如您所看到的，第一行应该占2行（第二行应该是空的），但它只占一行，这就把整个东西都扔掉了。

当文本为我放进一行时，行夹似乎让第二行空了？我把它合上了<代码>线夹也适用于另一种情况。在chrome上测试，也不起作用：/@ManojKumar添加了一个JSFIDLE，显示它不起作用任何原因您不能在

h2

元素上设置

最小高度

？因为您知道

字体大小、断点和预期的内容限制，所以这可能是一个可行的选择。
<div class="cards">
  <div class="card">
    <div class="img"></div>
    <h2>lorem ipsum</h2>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Explicabo placeat earum, recusandae maiores unde et.</p>
  </div>

  <div class="card">
    <div class="img"></div>
    <h2>lorem ipsum dolor sit amet consectur amet adipiscing</h2>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Explicabo placeat earum, recusandae maiores unde et.</p>
  </div>

  <div class="card">
    <div class="img"></div>
    <h2>lorem ipsum dolor sit amet consectur consectetur adipisicing elit. Explicabo</h2>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Explicabo placeat earum, recusandae maiores unde et.</p>
  </div>
</div>