CSS文本溢出用省略号代替
来源:互联网 发布:max 软件下载 编辑:程序博客网 时间:2024/09/21 09:00
语法:
text-overflow : clip | ellipsis
参数:
clip : 不显示省略标记(...),而是简单的裁切
(clip这个参数是不常用的!)
ellipsis : 当对象内文本溢出时显示省略标记(...)
说明:
设置或检索是否使用一个省略标记(...)标示对象内文本的溢出。
为了在firefox中可用,需要创建XUL,它应该被保存为ellipsis.xml:
把它保存在assets/xml/ellipsis.xml#ellipsis目录中。
text-overflow : clip | ellipsis
参数:
clip : 不显示省略标记(...),而是简单的裁切
(clip这个参数是不常用的!)
ellipsis : 当对象内文本溢出时显示省略标记(...)
说明:
设置或检索是否使用一个省略标记(...)标示对象内文本的溢出。
请您注意,text-overflow:ellipsis属性在FF中是没有效果的。
text-overflow属性仅是注解,当文本溢出时是否显示省略标记。并不具备其它的样式属性定义。我们想要实现溢出时产生省略号的效果。还必须定义:强制文本在一行内显示(white-space:nowrap)及溢出内容为隐藏(overflow:hidden)。只有这样才能实现溢出文本显示省略号的效果。
- .ellipsis {
- width:300px;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- }
为了适应多种浏览器,可以写这下面这样:
- .ellipsis {
- width: 180px;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- -o-text-overflow: ellipsis; /*For Opera*/
- -ms-text-overflow: ellipsis; /*For IE8*/
- -moz-binding: url(assets/xml/ellipsis.xml#ellipsis); /*For Firefox3.x*/
- }
- <?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>
把它保存在assets/xml/ellipsis.xml#ellipsis目录中。
- CSS文本溢出用省略号代替
- 文本溢出,用省略号代替
- 文本溢出后用省略号代替
- 纯css控制单行文本文字溢出省略号代替
- CSS文本溢出省略号
- css控制文本最后用省略号代替
- CSS实现文本溢出的部分用省略号代替的方法
- 关于如何设定css样式使得文本溢出部分用省略号代替
- css控制溢出内容 用省略号代替显示
- CSS控制LI行字符溢出用省略号代替
- CSS文本溢出显示省略号
- css文本溢出显示省略号
- [ css ]文本溢出显示省略号
- css文本溢出省略号 遮罩层
- CSS控制文本超出指定宽度后用省略号代替
- css实现文本超出省略号代替
- 文本溢出用css定义省略号显示的方法
- CSS控制文本超出指定宽度后用省略号代替,CSS控制文本不换行
- C++文件读写操作(四)读取文件数据到临时数组
- openCV2使用指针的方式遍历图像image.ptr
- 推荐一个思维导图工具 xmind
- Android TCP/IP 发送接收16进制数据
- Linux Crontab 定时任务 命令详解 <重启服务器,同步时间等等>
- CSS文本溢出用省略号代替
- Activity与Service通信之BroadcastReceive
- date 命令的一些用法
- Android TCP 客户端实现
- hive开发环境中问题随记
- get dimension from sps
- 五种常见的 PHP 设计模式
- Spring Security3.1 最新配置实例
- linux 分区