<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>text-shadow</title>
<style type="text/css">
p {
width: 220px;
height: 1.5em;
margin: 2px 0;
padding: 2px 2px 2px 18px;
font-size: 12px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
-moz-binding: url(‘ellipsis.xml#ellipsis‘);
}
</style>
</head>
<body>
<p>在早期W3C文档中，text-overflow已被纳入规范，但是在最新修订的文档中没有再包含text-overflow属性</p>
</body>
</html>
在早期W3C文档中，text-overflow已被纳入规范，但是在最新修订的文档中没有再包含text-overflow属性。
由于W3C规范放弃了对text-overflow属性的支持，所以Mozilla类型的浏览器也放弃了对该属性的支持。不过，
Mozilla developer center 推荐使用 -moz-binding 的 CSS 属性进行兼容。Firefox 支持 XUL （XUL是一种XML
的用户界面语言，也是一种XML绑定语言），这样我们就可以使用 -moz-binding 属性来绑定 XUL里的 ellipsis
属性了。
引用于：CSS 3 实战 ---成林 著
原文：https://www.cnblogs.com/ladybug7/p/12594415.html