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实现文字向右循环闪过效果实例(可用于移动端)
Jun 15 HTML / CSS
使用CSS3来实现滚动视差效果的教程
Aug 24 HTML / CSS
详解CSS3中常用的样式【基本文本和字体样式】
Oct 20 HTML / CSS
一篇文章带你学习CSS3图片边框
Nov 04 HTML / CSS
HTML5中通过li-canvas轻松实现单图、多图、圆角图绘制,单行文字、多行文字等
Nov 30 HTML / CSS
HTML5新增的标签和属性归纳总结
May 02 HTML / CSS
HTML5 本地存储和内容按需加载的思路和方法
Apr 07 HTML / CSS
HTML5 transform三维立方体实现360无死角三维旋转效果
Aug 22 HTML / CSS
HTML5地理定位实例
Oct 15 HTML / CSS
网站性能延迟加载图像的五种技巧(小结)
Aug 13 HTML / CSS
canvas 绘图时位置偏离的问题解决
Sep 16 HTML / CSS
HTML页面点击按钮关闭页面的多种方式
Dec 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
PHP的SQL注入实现(测试代码安全不错)
2011/02/27 PHP
php设计模式 Proxy (代理模式)
2011/06/26 PHP
CURL的学习和应用(附多线程实现)
2013/06/03 PHP
解析dedeCMS验证码的实现代码
2013/06/07 PHP
解析php通过cookies获取远程网页的指定代码
2013/06/25 PHP
PHP中trim()函数简单使用指南
2015/04/16 PHP
WordPress中编写自定义存储字段的相关PHP函数解析
2015/12/25 PHP
利用PHPStorm如何开发Laravel应用详解
2017/08/30 PHP
javascript 写类方式之十
2009/07/05 Javascript
jQueryUI如何自定义组件实现代码
2010/11/14 Javascript
JavaScript获取某年某月的最后一天附截图
2014/06/23 Javascript
JS回调函数的应用简单实例
2014/09/17 Javascript
JS仿iGoogle自定义首页模块拖拽特效的方法
2015/02/13 Javascript
轻松学习jQuery插件EasyUI EasyUI创建菜单与按钮
2015/11/30 Javascript
JavaScript仿微博输入框效果(案例分析)
2016/12/06 Javascript
深入理解Angularjs中$http.post与$.post
2017/05/19 Javascript
Mobile Web开发基础之四--处理手机设备的横竖屏问题
2017/08/11 Javascript
vue.js动画中的js钩子函数的实现
2018/07/06 Javascript
bootstrap table.js动态填充单元格数据的多种方法
2019/07/18 Javascript
vue瀑布流组件实现上拉加载更多
2020/03/10 Javascript
python通过scapy获取局域网所有主机mac地址示例
2014/05/04 Python
在Python的Django框架下使用django-tagging的教程
2015/05/30 Python
分享Python开发中要注意的十个小贴士
2016/08/30 Python
Pycharm学习教程(2) 代码风格
2017/05/02 Python
python+tifffile之tiff文件读写方式
2020/01/13 Python
浅谈matplotlib 绘制梯度下降求解过程
2020/07/12 Python
德国隐形眼镜店:LuckyLens
2018/07/29 全球购物
名人珠宝设计师:Melinda Maria Jewelry
2019/03/06 全球购物
如果一个类实现了多个接口但是这些接口有相同的方法名将会怎样
2013/06/16 面试题
PPP协议组成及简述协议协商的基本过程
2015/05/28 面试题
2014乡镇“三八”国际劳动妇女节活动总结
2014/03/01 职场文书
商场客服专员岗位职责
2014/06/13 职场文书
2014年街道办事处工作总结
2014/12/11 职场文书
拾金不昧通报表扬范文
2015/05/05 职场文书
青涩记忆观后感
2015/06/18 职场文书
java中如何截取字符串最后一位
2022/07/07 Java/Android