是否可以使用CSS将文本长度限制为“n”行（或在垂直溢出时剪切）。
文本溢出：省略号；仅适用于1行文本。
原文：
Ultrices natoque mus mattis、aliquam、cras in pellentesquetincidunt elit purus lectus、vel ut aliquet、elementum nunc乌尔纳修女院！坐下！图比斯岛莫斯·廷西杜特！Dapibus sed aenean、magna sagitis、lorem velit
所需输出（2行）：
Ultrices natoque mus mattis、aliquam、cras in pellentesquetincidunt elit purus lectus，velut aliquet，elementum。。。
当前回答
该线程的解决方案是使用jquery插件dotdotdot。这不是一个CSS解决方案，但它为您提供了很多“阅读更多”链接、动态调整大小等选项。
其他回答
.word-limit{
display: block;
text-overflow: ellipsis;
white-space: nowrap;
word-wrap: break-word;
overflow: hidden;
}
您可以执行以下操作：
.max行{显示：块；/*或内联块*/文本溢出：省略号；换行：换行；溢出：隐藏；最大高度：3.6em；线高：1.8em；}<p class=“max lines”>Lorem ipsum dolor坐amet，consectetur adipiscing elit。Nunc vitae leo dapibus，accumsan lorem eleifend，pharetra quam。Quisque前庭commodo justo，eleifend mollis enim blandit eu。Aenean hendrerit nisl et elit maximus finibus公司。Suspendis scelerisque consectetur nisl mollis sceleriske</p＞
其中，最大高度：=线高度：×<线数>（单位：em）。
我有一个很好的解决方案，但省略号使用了渐变。当你有动态文本时，它会起作用，所以你不知道它是否足够长，需要一个椭圆。优点是您不必进行任何JavaScript计算，它适用于包括表格单元格在内的可变宽度容器，并且是跨浏览器的。它使用了一些额外的div，但它很容易实现。
标记：
<td>
<div class="fade-container" title="content goes here">
content goes here
<div class="fade">
</div>
</td>
CSS:
.fade-container { /*two lines*/
overflow: hidden;
position: relative;
line-height: 18px;
/* height must be a multiple of line-height for how many rows you want to show (height = line-height x rows) */
height: 36px;
-ms-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
word-wrap: break-word;
}
.fade {
position: absolute;
top: 50%;/* only cover the last line. If this wrapped to 3 lines it would be 33% or the height of one line */
right: 0;
bottom: 0;
width: 26px;
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
}
博客文章：http://salzerdesign.com/blog/?p=453
示例页面：http://salzerdesign.com/test/fade.html
这对我有用：
第二部分{宽度：200px；}p型{显示：块；/*非webkit的回退*/显示：-webkit框；高度：2.6em；/*非webkit的回退，线宽*2*/线高：1.3em；-webkit线夹：2；/*如果更改此设置，请确保更改回退线的高度和高度*/-webkit框方向：垂直；溢出：隐藏；文本溢出：省略号；}＜div＞<p>Lorem ipsum dolor坐amet，consectetur adipiscing elit，sed do eiusmod tempor incididunt ut labore</p>＜div＞
据我所知，这只可能使用高度：（一些em值）；溢出：隐藏，即使这样它也不会有幻想。。。最后。
如果这不是一个选项，我认为没有一些服务器端预处理（很难，因为文本流不可能可靠地预测）或jQuery（可能但可能很复杂）是不可能的。
