javascript - 如何使用 CSS 修剪段落？

Question

我有很长的文字。我只需要显示前 4 行，然后在第 4 行末尾添加三个点并添加文本“阅读更多 ->”。

我尝试在 CSS 中指定最大高度和overflow: hidden，它允许我们控制将显示多少行。但我似乎无法正确完成最后一行。我需要显示 3 行半，最后有点和足够的空间来输入文本“阅读更多”。怎么做？

这是我想要实现的布局：

标签： javascriptcssbootstrap-4