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轻松实现清新 Loading 效果的简单实例
Jun 06 HTML / CSS
CSS3实现圆角、阴影、透明效果并兼容各大浏览器
Aug 08 HTML / CSS
CSS3 旋转立方体问题详解
Jan 09 HTML / CSS
CSS3 box-shadow属性实例详解
Jun 19 HTML / CSS
纯CSS3实现圆圈动态发光特效动画的示例代码
Mar 08 HTML / CSS
HTML5如何实现元素拖拽
Mar 11 HTML / CSS
H5仿微信界面教程(一)
Jul 05 HTML / CSS
html5配合css3实现带提示文字的输入框(摆脱js)
Mar 08 HTML / CSS
全面解析HTML5中的标准属性与自定义属性
Feb 18 HTML / CSS
CSS3实现三角形不断放大效果
Apr 13 HTML / CSS
HTML+CSS 实现顶部导航栏菜单制作
Jun 03 HTML / CSS
如何利用 CSS Overview 面板重构优化你的网站
Oct 24 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
PHP4在Windows2000下的安装
2006/10/09 PHP
PHP_MySQL教程-第一天
2007/03/18 PHP
PHP MemCached高级缓存配置图文教程
2010/08/05 PHP
php中文乱码怎么办如何让浏览器自动识别utf-8
2014/01/15 PHP
php递归删除目录与文件的方法
2015/01/30 PHP
PHP云打印类完整示例
2016/10/15 PHP
PHP实现的同步推荐操作API接口案例分析
2016/11/30 PHP
PHP简单读取xml文件的方法示例
2017/04/20 PHP
Laravel使用支付宝进行支付的示例代码
2017/08/16 PHP
laravel框架 laravel-admin上传图片到oss的方法
2019/10/13 PHP
jQuery 扩展对input的一些操作方法
2009/10/30 Javascript
javascript使用数组的push方法完成快速排序
2014/09/15 Javascript
JavaScript实现的内存数据库LokiJS介绍和入门实例
2014/11/17 Javascript
jquery解析json格式数据的方法(对象、字符串)
2015/11/24 Javascript
浅谈JavaScript 数据属性和访问器属性
2016/09/01 Javascript
DropDownList控件绑定数据源的三种方法
2016/12/24 Javascript
微信小程序使用Promise简化回调
2018/02/06 Javascript
官方推荐react-navigation的具体使用详解
2018/05/08 Javascript
jquery实现联想词搜索框和搜索结果分页的示例
2018/10/10 jQuery
JS 验证码功能的三种实现方式
2018/11/26 Javascript
30分钟快速实现小程序语音识别功能
2018/11/27 Javascript
解决三元运算符 报错“SyntaxError: can''t assign to conditional expression”
2020/02/12 Javascript
[05:59]2018DOTA2国际邀请赛寻真——只为胜利的Secret
2018/08/13 DOTA
python网络编程实例简析
2014/09/26 Python
浅谈pandas中shift和diff函数关系
2018/04/08 Python
python3.4 将16进制转成字符串的实例
2019/06/12 Python
python selenium 查找隐藏元素 自动播放视频功能
2019/07/24 Python
pandas如何处理缺失值
2019/07/31 Python
详解python中docx库的安装过程
2019/11/08 Python
基于python3生成标签云代码解析
2020/02/18 Python
美津浓巴西官方网站:Mizuno巴西
2019/07/24 全球购物
材料加工硕士生求职信
2013/10/10 职场文书
机关保密承诺书
2014/06/03 职场文书
2014年银行客户经理工作总结
2014/11/12 职场文书
夫妻分居协议书范文
2014/11/26 职场文书
2019最新版试用期劳动合同模板!
2019/07/04 职场文书