【发布时间】：2017-01-19 14:06:29
【问题描述】：
在 jsfiddle 链接中，您可以找到我尝试过的内容，但是当文本超过两行时，我再也看不到省略号了。有人可以帮帮我吗。我是 CSS 新手，以及如何仅使用 CSS/SASS 来解决此问题。
.exciting-text {
display: block;
text-overflow: ellipsis;
word-wrap: break-word;
overflow: hidden;
max-height: 2em;
line-height: 1em;
}
.exciting-text::after {
content: "...";
color: red;
}<p class="exciting-text">Contributing to MDN is easy and fun.Just hit the edit button to add new live samples, or improve existing samplesdfsfssfddcdxcxdsdzxfsfdsadasdaddsadsadsadsadsadasdasfds.</p>【问题讨论】：
-
text-overflow仅适用于单行。 -
对不起，我应该回答这个问题：stackoverflow.com/questions/6572330/…，但如果你真的付出一些努力并在谷歌上搜索，你会遇到这个代码笔：codepen.io/martinwolf/pen/qlFdp跨度>
-
@pete，这个例子使用了 webkit，我试图不惜一切代价避免，有没有办法不使用 webkit 并感谢链接
-
不是真的——我看到的所有例子都是 webkit、opera、js 或服务器端截断
-
如何在 JS/nodeJS 中截断服务器端文本