Javascript 省略号+；网页上多行文字的引号

我想在一段文字周围加引号。文本不能超过3行：如果超过3行，我需要一个省略号（我仍然需要引号）。我附上我现在有的东西。我的解决方案使用JS：虽然纯CSS解决方案是理想的，但可能的CSS解决方案目前似乎处于试验阶段或处于草稿状态（例如）。 我不喜欢这个解决方案的另一个地方是省略号和右引号字符重叠（如果运行代码段，可以看到这一点）。 建议

[…document.getElementsByTagName（'div'）].forEach（d=>{
如果（d.scrollHeight>d.clientHeight）d.getElementsByClassName（'onlyForClampedText'）[0].className+=“显示”；
})

div{
宽度：200px；
最大高度：40px；
边缘底部：20px；
溢出：隐藏；
-网络工具包盒方向：垂直；
显示：-网络工具包盒；
-webkit线夹：2个；
//文本溢出：省略号；
位置：相对位置；
}
.仅限ForcLampedText{
显示：无；
}
.仅限ForcLampedText.show{
位置：绝对位置；
右：0；
底部：0；
显示：块；
}

“非常短的文本”
“长文本长文本长文本长文本”
“有史以来最长的文本！！真的很长，太长了！很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长


span{
最大宽度：200px；
最大高度：40px；
溢出：隐藏；
-网络工具包盒方向：垂直；
显示：-网络工具包盒；
-webkit线夹：2个；
文本溢出：省略号；
位置：相对位置；
}
div{
位置：相对位置；
填充：0 10px；
显示：内联块；
}
div：：之前，
div：：之后{
内容：‘’”；
显示：内联块；
位置：绝对位置；
}
div：：之前{
左：0；
}
div：：之后{
右：0；
底部：0
}

小文本曾经！！
有史以来最长的文本！！真的很长，啊，太长了！好久好久好久好久好久好久好久好久好久好久好久好久好久好久好久好久好久好久好久好久好久好久好久好久好久好久好久好久好久好久好久好久好久好久好久好久好久好久好久好久好
纯CSS解决方案：


span{
最大宽度：200px；
最大高度：40px；
溢出：隐藏；
-网络工具包盒方向：垂直；
显示：-网络工具包盒；
-webkit线夹：2个；
文本溢出：省略号；
位置：相对位置；
}
div{
位置：相对位置；
填充：0 10px；
显示：内联块；
}
div：：之前，
div：：之后{
内容：‘’”；
显示：内联块；
位置：绝对位置；
}
div：：之前{
左：0；
}
div：：之后{
右：0；
底部：0
}

小文本曾经！！
有史以来最长的文字！！真的很长，太长了！很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很
如果文本长于一行但短于两行，则不起作用。如果文本长于一行但短于两行，则不起作用。