文本溢出时显示三个点（省略号）

Question

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

Answer 1

应用以下CSS3属性

text-overflow: ellipsis;

Answer 2

尝试使用此元素： text-overflow: ellipsis;

您还必须声明overflow: hidden;，以便浏览器知道将文本的尺寸限制为容器大小（并且随后在哪里开始文本溢出行为）。

Answer 3

将以下类应用于要截断的文本并添加省略号＆＃39;到。

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

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

Answer 4

div {
    text-overflow: ellipsis;
} 

DEMO

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