功能介绍:利用css3
绘制li
前面数字,文字太长自动显示…。
ul li {
//文字太长自动显示...。
text-overflow: ellipsis;
white-space: nowrap;
//绘制数字
counter-increment: index;
overflow: hidden;
}
ul li:before {
//绘制数字
content: counter(index);
}
以上是编程学习网小编为您介绍的“纯css3绘制数字,文字太长自动显示...”的全面内容,想了解更多关于 前端知识 内容,请继续关注编程基础学习网。
织梦狗教程
本文标题为:纯css3绘制数字,文字太长自动显示...


基础教程推荐
猜你喜欢
- 完全用CSS实现鼠标移动到图片并更换图片 2023-12-29
- html+ajax实现上传大文件功能 2023-02-14
- vue3.x keep-alive不生效 2023-10-08
- 深入解析CSS的Sass框架中混合宏的使用 2023-12-11
- Ajax实现关键字联想和自动补全功能及遇到坑 2023-02-23
- ASP.NET登出系统并清除Cookie 2024-03-09
- js获取今天、昨天、明天的日期函数代码 2023-07-09
- 使用fileReader的一个坑及解决 2023-08-11
- 详解javascript如何在跨域请求中携带cookie 2024-01-29
- javascript cookie的基本操作(添加和删除) 2024-01-05