是否可以使用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解决方案，但它为您提供了很多“阅读更多”链接、动态调整大小等选项。
其他回答
据我所知，这只可能使用高度：（一些em值）；溢出：隐藏，即使这样它也不会有幻想。。。最后。
如果这不是一个选项，我认为没有一些服务器端预处理（很难，因为文本流不可能可靠地预测）或jQuery（可能但可能很复杂）是不可能的。
这对我有用：
第二部分{宽度：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＞
我一直在寻找这个，但后来我意识到，该死的我的网站使用php！！！为什么不在文本输入上使用修剪功能并播放最大长度。。。。
对于那些使用php的人，这里也有一个可能的解决方案：http://ideone.com/PsTaI
<?php
$s = "In the beginning there was a tree.";
$max_length = 10;
if (strlen($s) > $max_length)
{
$offset = ($max_length - 3) - strlen($s);
$s = substr($s, 0, strrpos($s, ' ', $offset)) . '...';
}
echo $s;
?>
.word-limit{
display: block;
text-overflow: ellipsis;
white-space: nowrap;
word-wrap: break-word;
overflow: hidden;
}
.class{
word-break: break-word;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
line-height: 16px; /* fallback */
max-height: 32px; /* fallback */
-webkit-line-clamp: 2; /* number of lines to show */
-webkit-box-orient: vertical;
}
