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的方法
Aug 29 HTML / CSS
CSS3支持IE6, 7, and 8的边框border属性
Dec 28 HTML / CSS
css3发光搜索表单分享
Apr 11 HTML / CSS
CSS3实现多重边框的方法总结
May 31 HTML / CSS
CSS3之2D与3D变换的实现方法
Jan 28 HTML / CSS
html5应用缓存_动力节点Java学院整理
Jul 13 HTML / CSS
Html5新标签解释及用法
Feb 17 HTML / CSS
用canvas实现图片滤镜效果附演示
Nov 05 HTML / CSS
html5中的一些标签学习(心得)
Oct 18 HTML / CSS
利用Storage Event实现页面间通信的示例代码
Jul 26 HTML / CSS
uniapp+Html5端实现PC端适配
Jul 15 HTML / CSS
MIME类型中application/xml与text/xml的区别介绍
Jan 18 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
PHP资源管理框架Assetic简介
2014/06/12 PHP
PHP使用Alexa API获取网站的Alexa排名例子
2014/06/12 PHP
php绘图之在图片上写中文和英文的方法
2015/01/24 PHP
PHP二维数组矩形转置实例
2016/07/20 PHP
JAVASCRIPT 对象的创建与使用
2021/03/09 Javascript
javascript 动态调整图片尺寸实现代码
2009/12/28 Javascript
JQuery中getJSON的使用方法
2010/12/13 Javascript
JavaScript中数组的排序、乱序和搜索实现代码
2011/11/30 Javascript
Jquery提交表单 Form.js官方插件介绍
2012/03/01 Javascript
jQuery中验证表单提交方式及序列化表单内容的实现
2014/01/06 Javascript
jquery 操作css样式、位置、尺寸方法汇总
2014/11/28 Javascript
JavaScript生成随机数的4种自定义函数分享
2015/02/28 Javascript
JavaScript截断字符串的方法
2015/07/15 Javascript
JS模态窗口返回值兼容问题的完美解决方法
2016/05/28 Javascript
jQuery插件dataTables添加序号列的方法
2016/07/06 Javascript
微信小程序 安全包括(框架、功能模块、账户使用)详解
2017/01/16 Javascript
利用vueJs实现图片轮播实例代码
2017/06/03 Javascript
Vue实现6位数密码效果
2018/08/18 Javascript
JS遍历树层级关系实现原理解析
2020/08/31 Javascript
[03:56]显微镜下的DOTA2第十一期——鬼畜的死亡先知播音员
2014/06/23 DOTA
python支持断点续传的多线程下载示例
2014/01/16 Python
Scrapy爬虫实例讲解_校花网
2017/10/23 Python
Python3 XML 获取雅虎天气的实现方法
2018/02/01 Python
python让列表倒序输出的实例
2018/06/25 Python
python获取txt文件词向量过程详解
2019/07/05 Python
Django框架获取form表单数据方式总结
2020/04/22 Python
使用python脚本自动生成K8S-YAML的方法示例
2020/07/12 Python
css3制作动态进度条以及附加jQuery百分比数字显示
2012/12/13 HTML / CSS
css sprite简单实例
2016/05/23 HTML / CSS
美国在线眼镜店:GlassesShop
2018/11/15 全球购物
数控技术专业推荐信
2013/11/01 职场文书
致垒球运动员加油稿
2014/02/16 职场文书
爱国演讲稿500字
2014/05/04 职场文书
教师节感谢信
2015/01/22 职场文书
学校端午节活动总结
2015/02/11 职场文书
对公司的意见和建议
2015/06/04 职场文书