如何在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/