相关疑难解决方法(0)

带有数字填充的 CSS 计数器

是否可以counter根据其值填充数字?

div {
  counter-reset: ruler;
}

div > span {
  display: block;
  line-height: 1rem;
}

div > span::before {
  counter-increment: ruler;
  content: counter( ruler ) ' ';
}
Run Code Online (Sandbox Code Playgroud)
<div>
  <span>Hello, World!</span>
  <span>Hello, World!</span>
  <span>Hello, World!</span>
  <span>Hello, World!</span>
  <span>Hello, World!</span>
  <span>Hello, World!</span>
  <span>Hello, World!</span>
  <span>Hello, World!</span>
  <span>Hello, World!</span>
  <span>Hello, World!</span>
  <span>Hello, World!</span>
  <span>Hello, World!</span>
  <span>Hello, World!</span>
</div>
Run Code Online (Sandbox Code Playgroud)

就像如果有 42 行,数字将像09 9、 420 —009  9

html javascript css css-counter zero-padding

3
推荐指数
1
解决办法
1296
查看次数

标签 统计

css ×1

css-counter ×1

html ×1

javascript ×1

zero-padding ×1