• • bounty将在5天后过期**。回答此问题可获得+50的声望奖励。Naveen正在寻找标准答案：目前的答案是使用javascript，是否有可能只使用CSS来实现这一点，我的意思是，如果段落内容将改变运行时（可以添加和删除）

我试图在网页上显示一个段落，该段落将根据用户操作更新（段落内容将发生变化）我需要将内容限制在n行。如果用户试图添加任何内容到段落。它应该添加和截断开始与椭圆形表示。
最大行数为2-Line number 1, Line2的示例在添加了另一行（行3）之后，它应该是-...Line2. Line3。尝试了以下方法

p {
display: -webkit-box;
max-width: 200px;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;}

无法将椭圆形定位在文本开头，也无法找到从开头截断的方法。它被限制为4行

.ellipsis {
    overflow: hidden;
    width: 60px;
    position: relative
    direction: rtl; 
    margin-left: 15px;
    white-space: nowrap;
}   
.ellipsis:after {
    position: absolute;
    left: 0px;
    content: "...";
}

因为我使用的是多行，所以不能使用nowrap。在堆栈溢出中有不同的问题。但这似乎是不同的要求。
参考问题-I need an overflow to truncate from the left, with ellipses
Text-overflow ellipsis on left side
Applying an ellipsis to multiline text