css3结合js制作(CSS3截取字符串实例代码推荐)
类别:Web前端 浏览量:2339
时间:2022-03-30 09:05:10 css3结合js制作
CSS3截取字符串实例代码推荐截取字符串一般是用js或者后台语言来实现,其实使用CSS也是可以实现此效果的。
代码实例如下:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="https://www.jb51.net/" /> <title>CSS教程-开心学习网</title> <style type="text/css"> #first{ width:120px; height:30px; background-color:#F30; overflow:hidden; text-overflow:clip; white-space:nowrap; } #second{ width:120px; height:30px; background-color:#F30; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:10px; } </style> </head> <body> <li id="first">开心学习网欢迎您,只有奋斗才会有美好的未来</li> <li id="second">开心学习网欢迎您,只有奋斗才会有美好的未来</li> </body> </html>
特别注意的是:不能够省略white-space:nowrap和overflow:hidden,否则截取字符串无效。
总结
以上所述是小编给大家介绍的CSS3截取字符串实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对开心学习网网站的支持!
您可能感兴趣
- mybatis如何插入空格字符串(MyBatis SQL xml处理小于号与大于号正确的格式)
- html正则表达式案例(关于html字符串正则判断和匹配的具体使用)
- python如何把字符串转换成数字(python实现字符串加密成纯数字)
- python中统计一个字符出现的次数(Python统计一个字符串中每个字符出现了多少次的方法字符串转换为列表再统计)
- python分割字符串要用哪一个语句(python使用threading.Condition交替打印两个字符)
- console.table调试JSON对象或字符串
- js中字符串拼接
- js实现string.format 字符串占位符
- javascript将字符串转换成数组(如何将JavaScript将数组转为树形结构)
- sql两列内容合并(分组字符合并SQL语句 按某字段合并字符串之一简单合并)
- jquery遍历json字符串
- php生成随机数讲解(PHP生成随机字符串实例代码字母+数字)
- css3结合js制作(CSS3截取字符串实例代码推荐)
- DateTime.ToString 格式化时间字符串
- python将一个字符串逆序输出(Python字符串逆序的实现方法一题多解)
- js截取字符串
- 15个新成 园 位置公布 深圳龙岗2022年共建花园建设又有大动作(15个新成园位置公布)
- 记者手记 书记带我去 巡街(记者手记书记带我去)
- 富士胶片集团将向土耳其东南部地震灾民捐赠5000万日元 | 美通社(富士胶片集团将向土耳其东南部地震灾民捐赠5000万日元)
- 二次创业 的富士胶片,在进博会上首次展示完成转型后的全线医疗产品(二次创业的富士胶片)
- 富士胶片 中国 我们对上海的信心没有任何改变(富士胶片中国)
- 赢麻了 富士公布2021年度财报 营利同比增长240(富士公布2021年度财报)
热门推荐
- selenium怎么做集群(基于linux配置selenium环境并实现运行)
- 卸载了云服务器后怎么办(云服务器怎么还原被删除的数据?)
- sql server 知识大全(sql server 交集,差集的用法详解)
- python能操作微信定时发消息(python给微信好友定时推送消息的示例)
- mysql主从同步原理详解(MySQL双主主主架构配置方案)
- div css实例列表(DIV+CSS实现电台列表设计的示例代码)
- jquery deferred对象
- sqlsever查看视图数据类型(SQL Sever查询语句大全集锦)
- 小程序scroll-view自适应高度(小程序瀑布流解决左右两边高度差距过大的问题)
- python条形码识别(python3转换code128条形码的方法)