css3进行截取替代js的substring


Posted in HTML / CSS onSeptember 02, 2013

在css3出现之前,一般采用substring来进行截取,现在 不用js,纯css3也能进行截取了:

复制代码
代码如下:

text-overflow:clip | ellipsis

1.clip: 要在一定的高度内,配合overflow:hidden才有效,若没有overflow:hidden;将 不会有任何效果;

2.ellipsis:将超出的部分用省略号表示,需要配合overflow:hidden和white-space:nowrap一起使用才有效果。

HTML / CSS 相关文章推荐
如何开发一款堪比APP的微信小程序(腾讯内部团队分享)
Dec 22 HTML / CSS
HTML5离线缓存Manifest是什么
Mar 09 HTML / CSS
HTML5 语音搜索(淘宝店语音搜素)
Jan 03 HTML / CSS
html5基础教程常用技巧整理
Aug 20 HTML / CSS
IE9对HTML5中部分属性不支持的原因分析
Oct 15 HTML / CSS
实例教程 HTML5 Canvas 超炫酷烟花绽放动画实现代码
Nov 05 HTML / CSS
使用canvas一步步实现图片打码功能的方法
Jun 17 HTML / CSS
基于Html5 canvas实现裁剪图片和马赛克功能及又拍云上传图片 功能
Jul 09 HTML / CSS
CSS实现多个元素在盒子内两端对齐效果
Mar 30 HTML / CSS
CSS3实现的文字弹出特效
Apr 16 HTML / CSS
浅析CSS在DevTools 中架构演变
Oct 05 HTML / CSS
CSS实现鼠标悬浮动画特效
May 07 HTML / CSS
CSS3制作ajax loader icon实现思路及代码
Aug 25 #HTML / CSS
css3学习心得分享
Aug 19 #HTML / CSS
CSS3实现的闪烁跳跃进度条示例(附源码)
Aug 19 #HTML / CSS
css3实现背景图片拉伸效果像桌面壁纸一样
Aug 19 #HTML / CSS
发现两个有趣的CSS3动画效果
Aug 14 #HTML / CSS
纯CSS3制作的简洁蓝白风格的登录模板(非IE效果更好)
Aug 11 #HTML / CSS
CSS3正方体旋转示例代码
Aug 08 #HTML / CSS
You might like
不用数据库的多用户文件自由上传投票系统(2)
2006/10/09 PHP
Smarty+QUICKFORM小小演示
2007/02/25 PHP
php生成随机数的三种方法
2014/09/10 PHP
Smarty实现页面静态化(生成HTML)的方法
2016/05/23 PHP
Json对象与Json字符串互转(4种转换方式)
2013/03/27 Javascript
jQuery获得内容和属性方法及示例
2013/12/02 Javascript
AngularJS实现表单验证
2015/01/28 Javascript
javascript使用avalon绑定实现checkbox全选
2015/05/06 Javascript
js实现简单秒表走动的时钟特效
2020/03/25 Javascript
基于JavaScript创建动态Dom
2015/12/08 Javascript
jQuery代码实现对话框右上角菜单带关闭×
2016/05/03 Javascript
js实现HashTable(哈希表)的实例分析
2016/11/21 Javascript
jQuery实现倒计时(倒计时年月日可自己输入)
2016/12/02 Javascript
基于javascript的异步编程实例详解
2017/04/10 Javascript
Vue-CLI3.x 设置反向代理的方法
2018/12/06 Javascript
Vue退出登录时清空缓存的实现
2019/11/12 Javascript
jQuery实现日历效果
2020/09/11 jQuery
JavaScript如何实现防止重复的网络请求的示例
2021/01/28 Javascript
[49:35]LGD vs OG 2018国际邀请赛淘汰赛BO3 第二场 8.25
2018/08/29 DOTA
python 排列组合之itertools
2013/03/20 Python
解决Python 遍历字典时删除元素报异常的问题
2016/09/11 Python
python计算两个矩形框重合百分比的实例
2018/11/07 Python
Python线程threading模块用法详解
2020/02/26 Python
Python pathlib模块使用方法及实例解析
2020/10/05 Python
Pytest测试框架基本使用方法详解
2020/11/25 Python
HTML5的文档结构和新增标签完全解析
2017/04/21 HTML / CSS
携程英文网站:Trip.com
2017/02/07 全球购物
英国最大线上综合鞋类商城:Office
2017/12/08 全球购物
Parfumdreams英国:香水和化妆品
2019/05/10 全球购物
学习十八大精神心得体会
2013/12/31 职场文书
采购部经理岗位职责
2014/02/10 职场文书
高中军训感言400字
2014/02/24 职场文书
小学生春游活动方案
2014/08/20 职场文书
2014年社区党建工作汇报材料
2014/11/02 职场文书
社区活动总结
2015/02/04 职场文书
深度学习tensorflow基础mnist
2021/04/14 Python