Html html溢出时如何在文本中添加三个点？
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/36652580/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
how to add three dots to text when overflow in html?
提问by Jonathan Ivgi
How can I show three dots(...) in a text like this?
如何在这样的文本中显示三个点（...）？
回答by rajesh
Add all these. To make in single line.
添加所有这些。单行制作。
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
width:100px; // some width
To do in multi line which actually you asked.
在实际上你问的多行中做。
#content{
overflow: hidden;
width:100px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
working fiddle: https://jsfiddle.net/mishrarajesh/676jc7sa/
工作小提琴：https: //jsfiddle.net/mishrarajesh/676jc7sa/
Please note that this multiline code is supported only in web-kit browsers for now.
请注意，此多行代码目前仅在 web-kit 浏览器中受支持。
