c# - 如果文本超过三行，如何截断文本？

Question

我试图将文本行限制为三行。如果用户输入的文本超过三行，我希望删除/截断第 4 行及以下的文本。

例如，如果用户输入以下内容:

<div class="example">
Lorem ipsum dolor sit amet, 
consectetur adipisicing elit. Nostrum 
dignissimos sint dolores
necessitatibus repellendus in nemo 
</div>

它应该是这样的:

Lorem ipsum dolor sit amet, 
consectetur adipisicing elit. Nostrum 
dignissimos sint dolores...

https://jsfiddle.net/cliffeee/bjhvpf7q/27/

我不确定实现此目标的最佳方法是什么。我试过使用省略号，但我遇到的问题是，如果超过三行，它会隐藏除第 1 行以外的每一行。我希望它只从第 4 行隐藏，然后使用 ...

Answer 1

你可以试试这个:

.example:after {
    content: '...';
    display: inline-block;
    color: #000;
    font-size: 20px;
    position: relative;
    top: -40px;
    left: 31px;
}
.example {
    width: 200px;
      text-overflow: ellipsis;
    overflow: hidden;
   height: 3.4em;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    padding: 0 0.5em;
}

<div class="example">
  Lorem ipsum dolor sit amet, 
  consectetur adipisicing elit. Nostrum 
  dignissimos sint dolores
  necessitatibus repellendus in nemo 
  </div>