CSS 小數前導零不適用於大數字

Question

最近我遇到了一個問題，我建立了一個包含一百多個清單項目的有序清單。我設定了list-style:decimal-leading-zero;ol{list-style:decimal-leading-zero;}

Someitem
Someitem
Someitem< /li>

P粉576184933 · Answer

沒有用於三位小數的list-style。

參考程式碼：

ol {
  counter-reset: items;
}

li {
  display: block;
  counter-increment: items;
}

li:before {
  content: "00" counter(items)". ";
}

li:nth-child(n+10):before {
  content: "0" counter(items)". ";
}

li:nth-child(n+100):before {
  content: counter(items)". ";
}


  Item 1
  Item 2
  Item 3
  Item 4
  Item 5
  Item 6
  Item 7
  Item 8
  Item 9
  Item 10
  Item 11
  Item 12
  Item 13
  Item 14
  Item 15
  Item 16
  Item 17
  Item 18
  Item 19
  Item 20
  Item 21
  Item 22
  Item 23
  Item 24
  Item 25
  Item 26
  Item 27
  Item 28
  Item 29
  Item 30
  Item 31
  Item 32
  Item 33
  Item 34
  Item 35
  Item 36
  Item 37
  Item 38
  Item 39
  Item 40
  Item 41
  Item 42
  Item 43
  Item 44
  Item 45
  Item 46
  Item 47
  Item 48
  Item 49
  Item 50
  Item 51
  Item 52
  Item 53
  Item 54
  Item 55
  Item 56
  Item 57
  Item 58
  Item 59
  Item 60
  Item 61
  Item 62
  Item 63
  Item 64
  Item 65
  Item 66
  Item 67
  Item 68
  Item 69
  Item 70
  Item 71
  Item 72
  Item 73
  Item 74
  Item 75
  Item 76
  Item 77
  Item 78
  Item 79
  Item 80
  Item 81
  Item 82
  Item 83
  Item 84
  Item 85
  Item 86
  Item 87
  Item 88
  Item 89
  Item 90
  Item 91
  Item 92
  Item 93
  Item 94
  Item 95
  Item 96
  Item 97
  Item 98
  Item 99
  Item 100
  Item 101
  Item 102

php8，我來也

30分鐘學會網站佈局

尚觀Oracle入門到精通視頻教程

你的第一行UNI-APP程式碼

Flutter 從頭到應用程式啟動

兄弟連新版Linux視頻教程

AXURE 9影片教學（適用於產品經理互動產品設計UI）

零基礎PS影片教學

16天帶你入門UI視頻教程

PS技巧和切片技巧影片教學

阿裡雲環境搭建以及項目上線視頻教程

電腦網路概述－程式設計師必須掌握的基礎知識

程式設計師必備教學——HTTP協定講解

Websocket影片教學