文本溢出显示省略号的CSS兼容方法 - 冷月軒 - ITeye博客

`

ayue222

浏览: 48113 次
性别:
来自: 北京

最近访客更多访客>>

zuzutang2

zcm1205

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

hanxiao84322：强大啊，虽然没有完全看明白。
YUI 3.0应用初探
osacar：不行啊。没效果！在Opera下测试 IE也不行。
JS iframe跨域自适应内容高度
xxzjzb1：中秋送礼，首选书画、艺术品交易平台爱艺购！
JS将数字转换成三位逗号分隔的样式
mozart0：货币:num.toFixed(2).replace(/(\d) ...
JS将数字转换成三位逗号分隔的样式
cnxxg：这样能处理一个元素含有多个classname的情况吗？
javascript 整合的获取ID，className，tagName的方法

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

博客分类：

xHTML+CSS

CSS Java XML HTML

阅读更多

<!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>

分享到：

IE&& FF下使用js创建无边框iframe | 让code在页面上也有行号，高亮显示

2009-11-12 18:57
浏览 1335
评论(0)
查看更多

评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

CSS实现单行、多行文本溢出显示省略号的实现方法: 如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来，当然还需要加宽度width属来兼容部分浏览

纯CSS实现“文本溢出截断省略”的几种方法: 在我们的日常开发工作中，文本溢出截断省略是很常见的一种需考虑的业务场景细节。看上去 “稀松平常” ，但在实现上却有不同的区分，是单行截断还是多行截断？...单行文本溢出省略核心 CSS 语句 overflow: h

css实现文本溢出显示省略号: 复制代码代码如下:<!...<head><meta charset=”UTF-8″>...当文本对象溢出是显示…，当然也可是设置属性为clip不显示点点点；-o-text-overflow:为了兼容opera浏览器;*/width:200px;overflow:hidd

兼容IE和FF的单行溢出文本显示省略号: 单行文本的控制，以前是由程序员完成的...　今天介绍的方法兼容IE FF，看下面的详细介绍：　为了更符合实际，用一个div装起要调试的内容,并为这个div定义一个宽度。　例如：css代码：div{width:200px;}html代码：<di

CSS 控制字符宽度省略号效果兼容浏览器: 兼容浏览器的CSS控制字符宽度省略号效果，是非常实用的，由于FF对溢出显示省略号的属性支持不好。因而在进行编码时，应用到了一个HACK和FF的私有属性，大家在学习时注意区别。看下面的HTML代码： <ul> <li><a>使用...

纯CSS实现多行文字截断的示例代码: 文本超出范围才显示省略号，否则不显示省略号省略号位置显示刚好基于上述的准则，下面我就讲介绍各种技巧实现截断效果，并根据上述的评判标准得出最优解。(代码我都传到 jsfiddle 平台，可点击 demo 地址查看) ...

纯 CSS 实现多行文字截断功能: 兼容性好，对各大主流浏览器有好的支持响应式截断，根据不同宽度做出调整文本超出范围才显示省略号，否则不显示省略号省略号位置显示刚好基于上述的准则，下面我就讲介绍各种技巧实现截断效果，并根据上述的评判...

multi-line-ellipsis:多行省略号库: multi-line-ellipsisa multi-line-ellipsis library说明解决单行或多行文本溢出时，最后一行的末尾显示省略号（...）或加上特殊文字（查看详情）等跟 css 方法比起来，这个纯 js 方法，没有兼容性问题，后面添加的...

css入门笔记: 4.auto 自动，溢出时自动显示滚动条并且可用 ============================== 9.29 1、边框线属性：border：取值： 2、边框倒角属性：border-radius: 取值： px % 3、边框阴影属性：box-shadow: 取值： ...

qst:quick styling toolkit - Stylus样式工具库: qst(Quick Styling Toolkit) ...封装文本溢出省略号、画小三角等常用代码 ##快速开始下载最新版qst 在.styl文件中引入、配置 // 引入qst @import 'qst/all'; // 设置基础变量 $default-font-size =

Global site tag (gtag.js) - Google Analytics