Html 右对齐文本的省略号

我想要一个右对齐的文本省略号。省略号在文本左对齐时发生，或者在单词中间出现中断。

html，
身体{
填充：0；
保证金：0；
身高：100%；
宽度：100%；
}
身体{
显示器：flex；
弯曲方向：立柱；
对齐项目：居中；
间隙：2米；
}
div{
宽度：200px；
填充：1em；
背景颜色：粉红色；
}
p{
显示：-网络工具包盒；
-webkit线夹：2个；
-网络工具包盒方向：垂直；
溢出：隐藏；
}
p、 对{
文本对齐：右对齐；
}

敏捷的棕色狐狸跳过了懒惰的狗。敏捷的棕色狐狸跳过了懒狗

敏捷的棕色狐狸跳过了懒惰的狗。棕色的狐狸跳过了懒狗

敏捷的棕色狐狸跳过了懒狗。敏捷的棕色狐狸跳过了懒狗

敏捷的棕色狐狸跳过了懒狗。棕色的狐狸跳过了懒狗

我的解决方案纯粹是CSS，目的是在需要时添加省略号（来源：）

html，
身体{
填充：0；
保证金：0；
身高：100%；
宽度：100%；
}
身体{
显示器：flex；
弯曲方向：立柱；
对齐项目：居中；
间隙：2米；
}
div{
宽度：200px；
填充：1em；
右侧填充：距正常填充2米；/*1米+距“…”宽度1米*/
背景颜色：粉红色；
}
/*“…”的样式*/
.用文本块{
/*如果超过N行，则隐藏文本*/
溢出：隐藏；
/*对于处于绝对位置的集合“…”*/
位置：相对位置；
/*使用此值计算块高度*/
线高：1.2米；
/*最大高度=线路高度（1.2）*线路最大数量（2）*/
最大高度：2.4em；
/*修复最后一个可见单词未邻接右侧时的问题*/
文本对齐：右对齐；
/*“…”的位置*/
右边距：-1米；
右侧填充：1em；
}
/*创建*/
.用文本块：before{
/*最后的要点*/
内容：“…”；
/*绝对位置*/
位置：绝对位置；
/*将位置设置为块的右下角*/
右：0；
底部：0；
}
/*隐藏。。。如果我们有文本，它小于或等于最大行数*/
.用文本块：在{
/*最后的要点*/
内容：''；
/*绝对位置*/
位置：绝对位置；
/*将位置设置为文本的右下角*/
右：0；
/*设置宽度和高度*/
宽度：1米；
高度：1米；
边缘顶部：0.2米；
/*bg颜色=块下的bg颜色*/
背景：白色；
}

这是一个包含大量文本的段落，但只有一行可见的行。Lorem ipsum dolor sit amet，是一位杰出的献身者。耳蜗，前庭隐秘处，无耳蜗

对不起，我不明白。在您的示例中，右对齐的文本正在被省略。您需要在整个页面中查看预览，因为有4个框，但由于其默认高度，预览仅显示3个框。我也不明白。举个例子，你能不能更精确一些，比如说，即使它现在不起作用了，只要看到这个需要起作用，这就会失败。更多细节添加到问题中。