在我的程序中，我在CSS中添加了限制段落文本單行顯示的功能。

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

但它只顯示最初的單詞。我想在段落溢出時顯示最后幾個詞。

原文:

基于模式寫作的目的:快速& ampEasy Essay就是快速簡單地教會學(xué)生如何組織信息，把要點講清楚。

電流輸出:

基于模式寫作的目的:快速& amp簡易作文是為了快速簡單地教學(xué)生..

預(yù)期產(chǎn)出:

Essay就是快速簡單的教會學(xué)生如何組織信息，明確觀點。

如何用CSS實現(xiàn)這一點？

文本重復(fù)-左側(cè)溢出省略號

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;
}