CSS文本溢出省略符號-跨瀏覽器方案

來源:互聯網
上載者:User
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>無標題文檔</title><script type="text/javascript"></script><style type="text/css">.textoverflow a {     display:block;     width:120px;     margin: 0px 0px 0px 3px;     white-space: nowrap;     overflow: hidden;     float: left;     -o-text-overflow: ellipsis;    /* for Opera */     text-overflow: ellipsis;        /* for IE */}.textoverflow:after{     content: "…"; }/* for Firefox */@media all and (min-width: 0px){     .textoverflow:after{         content:"";     }/* for Opera */ }</style></head><body>    <div class="textoverflow">        <a> dfdlaiewuroiewqfjkdlsjfdksaifudsadfs</a>    </div></body></html>
相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.