尝试在两行截断文本并截断文本的开头答案

【问题标题】：Try to have a truncate text on two lines with truncate of the beggining of the text尝试在两行截断文本并截断文本的开头
【发布时间】：2022-01-07 20:34:49
【问题描述】：

我尝试在两行上截断文本，并截断文本的开头。它必须看起来像这样：

...变长

对于这个 div

但我没有找到解决方案。你有什么建议吗？

谢谢

【问题讨论】：

标签： javascript html css typescript saas

【解决方案1】：

这里是tute from David Walsh，它显示了一种使用text-overflow: ellipsis 和direction: rtl; 的方法

.ellipsize-left {
  /* Standard CSS ellipsis */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 200px;
  /* Beginning of string */
  direction: rtl;
  text-align: left;
}

<div class='ellipsize-left'>
  Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
</div>

【讨论】：

感谢您的回答。它有效，但是如何使用该技术将文本放在两行，我可以截断文本但不能将文本放在第二行。