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 简单又实用的5个属性
Mar 04 HTML / CSS
使用JS+CSS3技术:让你的名字动起来
Apr 27 HTML / CSS
css图标制作教程制作云图标
Jan 19 HTML / CSS
css3 flex实现div内容水平垂直居中的几种方法
Mar 27 HTML / CSS
详解HTML5中的标签
Jun 19 HTML / CSS
HTML5中新标签和常用标签详解
Mar 07 HTML / CSS
html5如何在Canvas中实现自定义路径动画示例
Sep 18 HTML / CSS
快速创建 HTML5 Canvas 电信网络拓扑图的示例代码
Mar 21 HTML / CSS
HTML5跳转小程序wx-open-launch-weapp的示例代码
Jul 16 HTML / CSS
如何通过 CSS 写出火焰效果
Mar 24 HTML / CSS
css3实现背景图片半透明内容不透明的方法示例
Apr 13 HTML / CSS
CSS三大特性继承性、层叠性和优先级详解
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
WHOIS类的修改版
2006/10/09 PHP
[原创]效率较高的php下读取文本文件的代码
2008/07/02 PHP
php常用Stream函数集介绍
2013/06/24 PHP
PHP删除数组中特定元素的两种方法
2013/07/02 PHP
PHP连接MySQL查询结果中文显示乱码解决方法
2013/10/25 PHP
PHP简单实现模拟登陆功能示例
2017/09/15 PHP
JavaScript 工具库 Cloudgamer JavaScript Library v0.1 发布
2009/10/29 Javascript
javascript URL编码和解码使用说明
2010/04/12 Javascript
google jQuery 引用文件,jQuery 引用地址集合(jquery 1.2.6至jquery1.5.2)
2011/04/24 Javascript
解决extjs grid 不随窗口大小自适应的改变问题
2014/01/26 Javascript
Jquery获得控件值的三种方法总结
2014/02/13 Javascript
jQuery设置指定网页元素宽度和高度的方法
2015/03/25 Javascript
JS+DIV+CSS实现的经典标签切换效果代码
2015/09/14 Javascript
vue给input file绑定函数获取当前上传的对象完美实现方法
2017/12/15 Javascript
浅谈Vue网络请求之interceptors实际应用
2018/02/28 Javascript
nodejs取得当前执行路径的方法
2018/05/13 NodeJs
vue中锚点的三种方法
2018/07/06 Javascript
微信小程序自定义toast弹窗效果的实现代码
2018/11/15 Javascript
Vue的Eslint配置文件eslintrc.js说明与规则介绍
2020/02/03 Javascript
nuxt 页面路由配置,主页轮播组件开发操作
2020/11/05 Javascript
[00:59]PWL开团时刻DAY7——我在赶
2020/11/06 DOTA
使用Python制作微信跳一跳辅助
2018/01/31 Python
python数据处理之如何选取csv文件中某几行的数据
2019/09/02 Python
详解pandas映射与数据转换
2021/01/22 Python
中国酒类在线零售网站:酒仙网
2016/08/20 全球购物
惠而浦美国官网:Whirlpool.com
2021/01/19 全球购物
VLAN和VPN有什么区别?分别实现在OSI的第几层?
2014/12/23 面试题
高中班长自我鉴定
2013/12/20 职场文书
安全大检查反思材料
2014/01/31 职场文书
整顿机关作风心得体会
2014/09/10 职场文书
党委书记个人检查对照材料思想汇报
2014/10/11 职场文书
Windows下用Nginx配置https服务器及反向代理的问题
2021/09/25 Servers
使用jpa之动态插入与修改(重写save)
2021/11/23 Java/Android
Python OpenCV超详细讲解调整大小与图像操作的实现
2022/04/02 Python
Python+Matplotlib图像上指定坐标的位置添加文本标签与注释
2022/04/11 Python
Redis基本数据类型Set常用操作命令
2022/06/01 Redis