在文本溢出的情況下顯示三個點（省略號）

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