html中溢出时如何在文本中添加三个点？ [复制]

Question

如何在这样的文本中显示三个点（...）？

Answer 1

添加所有这些。 单行制作。

text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
width:100px; // some width

实际上你问的多行。

#content{
overflow: hidden;
width:100px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}

工作小提琴： https://jsfiddle.net/mishrarajesh/676jc7sa/

请注意，此多行代码目前仅在 web-kit 浏览器中受支持。