zoukankan      html  css  js  c++  java
  • 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 {
           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 实战 ---成林 著

  • 相关阅读:
    细说java中的类
    使用LayUI操作数据表格
    使用LayUI展示数据
    一步一步做搜索(一)
    试图加载格式不正确的程序
    自己实现spring核心功能 三
    SpringMvc请求处理流程与源码探秘
    设计模式之代理模式
    爬虫功能介绍
    爬虫监控帮助文档汇总
  • 原文地址:https://www.cnblogs.com/ladybug7/p/12594415.html
Copyright © 2011-2022 走看看