功能介绍:利用css3
绘制li
前面数字,文字太长自动显示…。
ul li {
//文字太长自动显示...。
text-overflow: ellipsis;
white-space: nowrap;
//绘制数字
counter-increment: index;
overflow: hidden;
}
ul li:before {
//绘制数字
content: counter(index);
}
以上是编程学习网小编为您介绍的“纯css3绘制数字,文字太长自动显示...”的全面内容,想了解更多关于 前端知识 内容,请继续关注编程基础学习网。
沃梦达教程
本文标题为:纯css3绘制数字,文字太长自动显示...
基础教程推荐
猜你喜欢
- vue post请求后台django接口Forbidden (CSRF token missing or incorrect.) 2023-10-08
- 一文搞懂 parseInt()函数异常行为 2023-07-10
- Dreamweaver利用正则表达式替换字符 2024-12-13
- 纯CSS实现鼠标放上滑动出半透明效果的文字说明(新手小白 必看) 2024-01-23
- 基于JS代码实现当鼠标悬停表格上显示这一格的全部内容 2024-01-21
- 通用的二级菜单代码(css+javascript) 2024-01-22
- JavaScript中的Window窗口对象 2024-01-03
- CSS清除浮动大全共8种方法 2024-01-19
- 关于IE7 IE8弹出窗口顶上 2023-12-02
- vuejs读取router路由器中所有路由 2024-12-08