段落文本到单行，仅显示最后一个字符

Question

在我的程序中，我添加了以将段落文本限制为CSS中的单行显示。

white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
display: inherit;

但仅显示初始单词。我想在段落溢出时显示该段的最后一句话。

原始文本：

基于模式写作的目的：Quick＆amp;简单的论文是快速，轻松地教学学生如何组织信息并清楚地表明积分。

当前输出：

基于模式写作的目的：Quick＆amp;简单的论文是快速，轻松地教学。

预期输出：

文章是快速，轻松地教学学生如何组织信息并清楚地表明积分。

如何使用CSS实现此目标？

Answer 1

左侧的文本跨流的复制

html：

<p><bdi>The purpose of Pattern Based Writing: Quick & Easy Essay is to quickly and easily teach students how to organize information and make points clear.</bdi></p>

CSS：

p {  
  white-space: nowrap;                   
  overflow: hidden;
  text-overflow: ellipsis;  
  width:550px;
  direction:rtl;
  text-align:left;
}