css控制标题长度超出部分显示省略号
width: 50px; overflow:hidden;white-space:nowrap; text-overflow:ellipsis;
设置或检索是否使用一个省略标记(...)标示对象内文本的溢出。
对应的脚本特性为text-Overflow。
---------------------------------------------------------------------------------
语法: text-overflow : clip | ellipsis
参数:
clip : 不显示省略标记(...),而是简单的裁切
ellipsis : 当对象内文本溢出时显示省略标记(...)
text-overflow属性仅是注解,当文本溢出时是否显示省略标记。并不具备其它的样式属性定义。我们想要实现溢出时产生省略号的效果。还必须定义:强制文本在一行内显示(white-space:nowrap)及溢出内容为隐藏(overflow:hidden)。只有这样才能实现溢出文本显示省略号的效果。
--------------------------------------------------------------------------------
语法:
overflow : visible | auto | hidden | scroll
取值:
visible : 默认值。不剪切内容也不添加滚动条。假如显式声明此默认值,对象将以包含对象的 window 或 frame 的尺寸裁切。并且 clip 属性设置将失效
auto : 在必需时对象内容才会被裁切或显示滚动条
hidden : 不显示超过对象尺寸的内容
scroll : 总是显示滚动条
一、仅定义text-overflow:ellipsis; 不能实现省略号效果。
二、定义text-overflow:ellipsis; white-space:nowrap; 同样不能实现省略号效果
三、同时应用: text-overflow:ellipsis; white-space:nowrap; overflow:hidden; 可实现所想要得到的溢出文本显示省略号效果:
最新文章
- C#设计模式-迭代器模式
- python 中的 try/except/else/finally语句
- 2015年第2本(英文第1本):《The Practice of Programming》
- ubuntu的命令day1
- Request 接收参数乱码原理解析
- NTP服务器地址及IP
- c++线程传参问题
- Deep Learning 学习随记(三)Softmax regression
- BZOJ 1717: [Usaco2006 Dec]Milk Patterns 产奶的模式
- C模块划分
- Blogger建立Blog部落格​​ - Blog透视镜
- Webdriver的设计模式:Page Object(页面模型)
- 简单的.NET后台定时服务框架
- Mock8 moco框架如何返回一个cookie信息
- ubuntu16.04LTS更换阿里源
- 汉诺塔问题(Hanoi Tower)递归算法解析(Python实现)
- MySQL在线大表DDL操作
- google protocol buffer 简介 版本 安装 使用 实例
- HTTPS 数字签名 证书
- Rest客户端
热门文章
- 从C#到Objective-C,循序渐进学习苹果开发(4)--代码块(block)和错误异常处理的理解
- Mysql日期统计函数简介
- spring容器加载完毕做一件事情(利用ContextRefreshedEvent事件)转
- 2016弱校联盟十一专场10.2---Around the World(深搜+组合数、逆元)
- 几个简单的js正则验证
- yii2 advance 安装
- 【Effective Java】8、优先考虑类型安全的异构容器
- Sharepoint2013:在页面上显示错误信息
- 【我的产品观】开发wangEditor一年总结
- Intense Images – 全屏浏览图像的 JS 插件