平时在网页制作过程中一定遇到过内容溢出的问题，例如文章标题过长，而其宽度又受到限制，此时超出宽度的内容就会以省略标记（…）显示。以前实现这样的效果都是由后台程序截取一定的字符数在前台页面中输出，另一种方法就是使用JavaScript截取一定的字符数实现。但是这两种方法都有其不足之处，例如中文和英文的计算字符宽度的问题，这个值不好计算，所以造成截取字符数不好控制，从而其通用性也比较差。CSS 3中新增了text-overflow属性，使得这个问题迎刃而解。

text-overflow属性解决了以前需要程序或者JavaScript脚本才能够完成的事情，text-overflow属性的语法格式如下。

text-overflow: clip | ellipsis;

text-overflow 属性参数比较简单，只有两个属性值，说明如下表所示。

实际上，text-overflow属性仅用于决定文本溢出时是否显示省略标记（…），并不具备样式定义的功能。要实现文本溢出时裁切文本显示省略标记（…）的效果，还需要两个CSS属性的配合：强制文本在一行内显示（white-space:nowrap）和溢出内容隐藏（overflow:hidden），并且需要定义容器的宽度，只有这样才能实现文本溢出时裁切文本显示省略标记（…）的效果。