功能介绍:利用css3
绘制li
前面数字,文字太长自动显示…。
ul li {
//文字太长自动显示...。
text-overflow: ellipsis;
white-space: nowrap;
//绘制数字
counter-increment: index;
overflow: hidden;
}
ul li:before {
//绘制数字
content: counter(index);
}
以上是编程学习网小编为您介绍的“纯css3绘制数字,文字太长自动显示...”的全面内容,想了解更多关于 前端知识 内容,请继续关注编程基础学习网。
沃梦达教程
本文标题为:纯css3绘制数字,文字太长自动显示...
猜你喜欢
- Bootstrap组件(一)之菜单 2024-02-24
- html+css实现赛博朋克风格按钮 2022-09-20
- jQuery实现宽屏图片轮播实例教程 2024-02-07
- html粘性页脚的具体使用 2022-09-21
- 纯CSS实现hover图片pop-out弹出效果的实例代码 2024-02-25
- JavaScript数据类型的存储方法详解 2024-03-09
- Cookie的使用及保存中文并用Cookie实现购物车功能 2024-03-01
- el-form清除rules校验 2024-12-08
- Navigator sendBeacon页面关闭也能发送请求方法示例 2023-12-24
- cli生成vue3 2023-10-08