文本溢出显示省略号的CSS兼容方法

最新推荐文章于 2022-08-19 11:22:08 发布

ayue225

最新推荐文章于 2022-08-19 11:22:08 发布

阅读量96

点赞数

分类专栏： xHTML+CSS 文章标签： CSS Java XML HTML

本文链接：https://blog.csdn.net/ayue225/article/details/83489047

版权

xHTML+CSS 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">   
<html>   
<head>   
<meta http-equiv="content-type" content="text/html; charset=UTF-8">   
<title>ellipsis</title>   
<style>   
.demo{   
    margin:10px;   
    border:1px solid #ccc;    
    float:left;   
    width:115px;   
    overflow:hidden;   
    white-space:nowrap;   
    -o-text-overflow:ellipsis;   
    text-overflow:ellipsis;   
    -moz-binding: url('ellipsis.xml#ellipsis');   
}   
</style>   
</head>   

<body>   
    <div class="demo">   
        short   
    </div>   
    <div class="demo">   
        this is test,this is test,this is test,this is test,this is test,this is test   
    </div>   
</body>   
</html>

另外还有一个xml文件，如下:

<?xml version="1.0"?>   
<bindings    
    xmlns="http://www.mozilla.org/xbl"    
    xmlns:xbl="http://www.mozilla.org/xbl"    
    xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">   

    <binding id="ellipsis">   
        <content>   
            <!--<xul:window>-->   
                <xul:description crop="end" xbl:inherits="value=xbl:text"><children/></xul:description>   
            <!--</xul:window>-->   
        </content>   
</binding>   
</bindings>