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 相关文章推荐
CSS3 media queries + jQuery实现响应式导航
Sep 30 HTML / CSS
css3 响应式媒体查询的示例代码
Sep 25 HTML / CSS
详解CSS3的perspective属性设置3D变换距离的方法
May 23 HTML / CSS
详解css position 5种不同的值的用法
Jul 30 HTML / CSS
canvas实现飞机打怪兽射击小游戏的示例代码
Jul 09 HTML / CSS
html5 css3实例教程 一款html5和css3实现的小机器人走路动画
Oct 20 HTML / CSS
HTML5操作WebSQL数据库的实例代码
Aug 26 HTML / CSS
Canvas绘制浮动球效果的示例
Dec 29 HTML / CSS
HTML5新特性之type=file文件上传功能
Feb 02 HTML / CSS
Html5自定义字体解决方法
Oct 09 HTML / CSS
详解CSS开发过程中的20个快速提升技巧
May 21 HTML / CSS
CSS子盒子水平和垂直居中的五种方法
Jul 23 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
JS实现php的伪分页
2008/05/25 PHP
phpstorm编辑器乱码问题解决
2014/12/01 PHP
php将一维数组转换为每3个连续值组成的二维数组
2016/05/06 PHP
PHP反射机制原理与用法详解
2017/02/15 PHP
php使用ftp实现文件上传与下载功能
2017/07/21 PHP
PHP使用反向Ajax技术实现在线客服系统详解
2019/07/01 PHP
PHP defined()函数的使用图文详解
2019/07/20 PHP
php实现session共享的实例方法
2019/09/19 PHP
php的instanceof和判断闭包Closure操作示例
2020/01/26 PHP
jQuery对象和Javascript对象之间转换的实例代码
2013/03/20 Javascript
jQuery 获取兄弟元素的几种不错方法
2014/05/23 Javascript
javascript中字符串拼接详解
2014/09/26 Javascript
jQuery中trigger()与bind()用法分析
2015/12/18 Javascript
jQuery中数据缓存$.data的用法及源码完全解析
2016/04/29 Javascript
详解微信小程序用定时器实现倒计时效果
2019/04/30 Javascript
Flask框架Jinjia模板常用语法总结
2018/07/19 Python
CentOS下Python3的安装及创建虚拟环境的方法
2018/11/28 Python
详解Python做一个名片管理系统
2019/03/14 Python
详解Python给照片换底色(蓝底换红底)
2019/03/22 Python
一文秒懂python读写csv xml json文件各种骚操作
2019/07/04 Python
Python3 列表,数组,矩阵的相互转换的方法示例
2019/08/05 Python
Python 面向对象之封装、继承、多态操作实例分析
2019/11/21 Python
Django-rest-framework中过滤器的定制实例
2020/04/01 Python
python+selenium+chromedriver实现爬虫示例代码
2020/04/10 Python
python和js交互调用的方法
2020/06/23 Python
Pycharm 解决自动格式化冲突的设置操作
2021/01/15 Python
最新的小工具和卓越的产品设计:Oh That Tech!
2019/08/07 全球购物
劳动模范事迹材料
2014/01/19 职场文书
会计助理岗位职责
2014/02/17 职场文书
诚信承诺书模板
2014/05/26 职场文书
阅兵口号
2014/06/19 职场文书
教师优秀党员事迹材料
2014/08/14 职场文书
2014年群众路线教育实践活动整改措施
2014/09/24 职场文书
初中生旷课检讨书范文
2014/10/06 职场文书
商务司机岗位职责
2015/04/10 职场文书
mysql数据库实现设置字段长度
2022/06/10 MySQL