内容超过长度后以省略号显示
2013-09-29 00:19
211 查看
{width: 150px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
1、之前在考虑如果进行字符串截断时，一直在思考如何用js来完成而忽略了css的text-overflow属性；
通过设置white-space:nowrap使字符串不换行，然后设置text-overflow:ellipsis，显示省略标记（如果不想显示省略标记，将text-overflow设为clip）；
2、缺点在于只能在只显示一行时使用。
3、white-space: nowrap; 强制不换行
word-wrap:break-word; 强制连续字符换行
1、之前在考虑如果进行字符串截断时，一直在思考如何用js来完成而忽略了css的text-overflow属性；
通过设置white-space:nowrap使字符串不换行，然后设置text-overflow:ellipsis，显示省略标记（如果不想显示省略标记，将text-overflow设为clip）；
2、缺点在于只能在只显示一行时使用。
3、white-space: nowrap; 强制不换行
word-wrap:break-word; 强制连续字符换行
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 怎么设置GridView的单元格在内容显示超过长度的时候用省略号代替而不是换行当鼠标移上去的时候将影藏的内容提示出来
- CSS实现内容超过长度后以省略号显示
- LI中内容超过长度后以省略号显示的方法
- LI中内容超过长度后以省略号显示的方法
- angularjs如何在ng-repeat过程中控制字符串长度超过指定长度后面内容以省略号显示
- Li中内容超过长度后以省略号显示的方法
- 如何让li中内容显示超过长度后以省略号显示
- 如何让li中内容显示超过长度后以省略号显示
- CSS实现内容超过长度后以省略号显示
- LI中内容超过长度后以省略号显示的方法
- li中内容超过长度后以省略号显示的…
- 内容超过长度后以省略号显示的几种实现方式
- 内容超过长度后以省略号显示的方法
- CSS实现内容超过长度后以省略号显示
- GridView的单元格在内容显示超过长度的时候用省略号 ......
- LI中内容超过长度后以省略号显示的方法
- LI中内容超过长度后以省略号显示的方法
- 标题超过长度就显示省略号-CSS代码来解决
- css控制文字显示长度，超过用省略号替代
- 用css布局的方法实现如果字符超过一定长度就显示成省略号