在文本溢出的情况下显示三个点（省略号）

Question

如果文本在其容器内的单行溢出，我想显示省略号。是否有我必须申请的CSS属性？

Answer 1

应用下面的CSS3属性

text-overflow: ellipsis; 

Answer 2

应用下面的类来要截断并添加省略号的文字。

.truncate { 
    width: 250px; 
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 
} 

http://css-tricks.com/snippets/css/truncate-string-with-ellipsis/

Answer 3

尝试此你的元素： text-overflow: ellipsis;

您还可以申报overflow: hidden;，使浏览器知道你的文字的尺寸限制在容器大小（并在其后开始文本溢出行为）。

Answer 4

div { 
    text-overflow: ellipsis; 
} 

这里DEMO

http://www.w3schools.com/cssref/tryit.asp?filename=trycss3_text-overflow