功能介绍:利用css3绘制li前面数字,文字太长自动显示…。
ul li {
//文字太长自动显示...。
text-overflow: ellipsis;
white-space: nowrap;
//绘制数字
counter-increment: index;
overflow: hidden;
}
ul li:before {
//绘制数字
content: counter(index);
}
以上是编程学习网小编为您介绍的“纯css3绘制数字,文字太长自动显示...”的全面内容,想了解更多关于 前端知识 内容,请继续关注编程基础学习网。
编程基础网
本文标题为:纯css3绘制数字,文字太长自动显示...
基础教程推荐
猜你喜欢
- wow.js实现炫酷的页面滚动伴随动画示例详解 2024-01-16
- html5中哪些的标签可以不写结束符 2024-12-13
- Centos中解决html页面访问中文乱码问题 2023-10-25
- javascript计算用户打开网页的停留时间 2023-12-28
- shell-script – 用于反转HTML文件中数千个元素的排序顺序的正确工具 2023-10-25
- js open() 与showModalDialog()方法使用介绍 2023-11-30
- Javascript图像处理—为矩阵添加常用方法 2023-12-15
- 说说react中引入css的方式有哪些并区别在哪 2024-01-17
- HTML5学习笔记之html5与传统html区别 2024-03-10
- php – 将MySQL查询的结果动态显示到HTML页面中 2023-10-25
