使用具有<；的css和javascript停止可变高度div中的截断文本；p>；元素作为子元素

我有一个没有固定高度的div，并且有几个

块作为子块。我一直在尝试使用文本溢出或行夹，但似乎这些不适用于儿童。这使得文本有时在中间被剪掉。我将尝试用

替换

块，但似乎应该有更好的方法来实现这一点。我也不知道页面呈现后的高度，所以我无法在模板中预计算任何内容。有谁对这个问题有更明智的办法吗

编辑：添加示例

<div class="content">
<p>a big chunk of text</p>
<p>another chunk of text</p>
</div>

我已经尝试了不同的混合和匹配方法，但仍有一些

块将被切断

如果这看起来不错，请让我知道-有人建议可能有其他css干扰？页面上有很多css，所以这是可能的

---

编辑：另一个澄清。截止线是垂直的，不是水平的。底部的文本在中间被截除，或者像J或Y这样的字符会被截尾。

< P>由于“溢出：隐藏”，文本被水平切成两半，并且DIV的高度不足以满足文本内容。

---

什么限制了div的高度？

通常

应该在

中流动，并在移动时进行换行。是否有一些时髦的CSS在工作？也许浮起来？当然，让我用一个例子来编辑，包装不是问题，抱歉混淆：这是文本的中间线会被切断。文本在侧面正确包装。您希望发生什么？我将接受任何不会切断底部文本的解决方案。如果这意味着删掉一行或改变行的高度，或以某种方式改变盒子的大小，我同意。

.content {text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2;}