css3 text-overflow

CSS（Cascading Style Sheets）是一种用于为HTML和XML文档添加样式的语言。CSS可以让网页更加美观、规范化、易于修改和维护。CSS3是CSS的最新版本，带来了更多的新特性和功能。其中，text-overflow是CSS3中的一个属性，用于控制文本溢出的方式。

text-overflow属性一般用于文本过长的情况下，可以控制文本的显示方式。当文本溢出容器时，可以选择截取文本，或者使用省略号省略文本。text-overflow属性有以下几个取值：

text-overflow: clip;           //截取文本
text-overflow: ellipsis;       //使用省略号省略文本
text-overflow: string;         //使用指定字符省略文本

其中，clip表示截取文本；ellipsis表示使用省略号省略文本；string可以用于指定省略文本的字符，例如：

text-overflow: string("...");  //使用三个点省略文本

text-overflow属性一般与white-space和overflow属性一起使用。white-space属性可以控制文本的空白符处理方式，overflow属性可以控制元素内容的溢出显示方式。例如：

div {
    width: 200px;
    height: 50px;
    white-space: Nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

上述代码表示，当div元素的内容过长时，会使用省略号省略文本，并且不会换行。当然，也可以使用其他的属性值，根据实际情况选择最合适的方式。

总之，text-overflow是CSS3中控制文本溢出方式的一个非常有用的属性，可以让文本在显示时更加友好和美观。