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 border-image详解、应用及jQuery插件
Aug 29 HTML / CSS
css3的transition属性详解
Dec 15 HTML / CSS
CSS3解析抖音LOGO制作的方法步骤
Apr 11 HTML / CSS
详解移动端HTML5音频与视频问题及解决方案
Aug 22 HTML / CSS
html5 canvas绘制矩形和圆形的实例代码
Jun 16 HTML / CSS
HTML5 canvas基本绘图之绘制曲线
Jun 27 HTML / CSS
html5调用app分享功能示例(WebViewJavascriptBridge)
Mar 21 HTML / CSS
video.js支持m3u8格式直播的实现示例
May 20 HTML / CSS
浅析图片上传及canvas压缩的流程
Jun 10 HTML / CSS
清除canvas画布内容(点擦除+线擦除)
Aug 12 HTML / CSS
AmazeUI 模态窗口的实现代码
Aug 18 HTML / CSS
HTML中实现音乐或视频自动播放案例详解
May 30 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里的JS打印函数
2006/10/09 PHP
PHPMailer邮件类利用smtp.163.com发送邮件方法
2008/09/11 PHP
shopex主机报错误请求解决方案(No such file or directory)
2011/12/27 PHP
Laravel5.1数据库连接、创建数据库、创建model及创建控制器的方法
2016/03/29 PHP
PHP模板引擎Smarty内建函数foreach,foreachelse用法分析
2016/04/11 PHP
Smarty3配置及入门语法
2017/02/22 PHP
PHP实现的折半查找算法示例
2017/12/19 PHP
stripos函数知识点实例分享
2019/02/11 PHP
javascript调试说明
2010/06/07 Javascript
JavaScript 学习笔记之一jQuery写法图片等比缩放以及预加载
2012/06/28 Javascript
js放大镜放大购物图片效果
2017/01/18 Javascript
快速掌握jQuery插件开发
2017/01/19 Javascript
Javascript中的 “&” 和 “|” 详解
2017/02/02 Javascript
js实现移动端微信页面禁止字体放大
2017/02/16 Javascript
node.js 中间件express-session使用详解
2017/05/20 Javascript
静态页面实现 include 引入公用代码的示例
2017/09/25 Javascript
MUI 实现侧滑菜单及其主体部分上下滑动的方法
2018/01/25 Javascript
jQuery简单判断值是否存在于数组中的方法示例
2018/04/17 jQuery
Nuxt v-bind绑定img src不显示的解决
2019/12/05 Javascript
彻底搞懂并解决vue-cli4中图片显示的问题实现
2020/08/31 Javascript
在vue中使用Echarts画曲线图的示例
2020/10/03 Javascript
python使用正则表达式的search()函数实现指定位置搜索功能
2017/11/10 Python
TensorFLow用Saver保存和恢复变量
2018/03/10 Python
Python中反射和描述器总结
2018/09/23 Python
解决python 自动安装缺少模块的问题
2018/10/22 Python
值得收藏,Python 开发中的高级技巧
2018/11/23 Python
python 实现将txt文件多行合并为一行并将中间的空格去掉方法
2018/12/20 Python
Django多数据库的实现过程详解
2019/08/01 Python
Scrapy框架介绍之Puppeteer渲染的使用
2020/06/19 Python
详解anaconda安装步骤
2020/11/23 Python
纯CSS3实现漂亮的input输入框动画样式库(Text input love)
2018/12/29 HTML / CSS
入党介绍人评语
2014/05/06 职场文书
党员批评与自我批评(5篇)
2014/09/23 职场文书
工作经历证明范本
2015/06/15 职场文书
Idea连接MySQL数据库出现中文乱码的问题
2021/04/14 MySQL
MYSQL 无法识别中文的永久解决方法
2021/06/03 MySQL