纯 CSS 单行文本溢出追加省略号

之前一直以为单行文本溢出追加省略号没法兼容所有浏览器，经元泉同志提点，顺利解决：

样式代码，四个属性都是必须的，并且宽度必须设在当前容器上，父容器定宽无效：

.box {
	width: 200px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

测试 IE6、IE7、IE8、IE9、Chrome、Firefox 均支持。
在线演示地址：text_overflow_ellipsis.html