CSS3文本溢出

CSS3提供了一種叫做文本溢出（text-overflow）的新特性。文本溢出可用于控制超出容器大小的文本是否顯示，以及如何顯示。下面是一些示例：

顯示省略號：

.overflow {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

在行末截斷文本并顯示省略號：

.overflow {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}

在行末截斷文本，不顯示省略號：

.overflow {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}

當容器寬度增大時，水平方向溢出的文本隱藏：

.overflow {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 50%;
}

以上是一些常用的示例，文本溢出的用法還有很多。通過設置不同的屬性，可以實現不同的效果。