text-shadow知多少 

<!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 实战 ---成林 著

posted @ 2020-03-29 20:04  ladybug7  阅读(172)  评论(0)    收藏  举报