CSS數字滾動顯示是一種常用的網頁技術，可以將數字或其他文本元素嵌入到HTML頁面中，并通過CSS樣式實現滾動顯示效果。這種技術可以方便地實現大量數字的滾動展示，同時也可以讓頁面更加美觀和易于使用。

在實現數字滾動顯示時，需要使用CSS的`position`屬性將元素定位到頁面上，然后使用`top`和`bottom`屬性控制元素的位置。同時，還需要使用CSS的`display`屬性將元素設置為`table-cell`或其他可滾動的單元格類型，并使用`overflow`屬性控制單元格的滾動范圍。最后，可以使用CSS的`text-align`屬性調整單元格的對齊方式，以便更好地適應不同屏幕大小。

以下是一個使用CSS數字滾動顯示的簡單示例：

```html

<div class="number-滾動">

<span>1</span>

<span>2</span>

<span>3</span>

<span>4</span>

<span>5</span>

<span>6</span>

<span>7</span>

<span>8</span>

<span>9</span>

</div>

```css

.number-滾動 {

position: relative;

display: table-cell;

overflow: hidden;

.number-滾動 span {

position: absolute;

top: 50%;

transform: translateY(-50%);

.number-滾動 span:nth-child(1) {

bottom: 0;

.number-滾動 span:nth-child(2) {

bottom: 100%;

.number-滾動 span:nth-child(3) {

bottom: 200%;

.number-滾動 span:nth-child(4) {

bottom: 300%;

.number-滾動 span:nth-child(5) {

bottom: 400%;

.number-滾動 span:nth-child(6) {

bottom: 500%;

.number-滾動 span:nth-child(7) {

bottom: 600%;

.number-滾動 span:nth-child(8) {

bottom: 700%;

.number-滾動 span:nth-child(9) {

bottom: 800%;

在這個示例中，我們使用`position: relative`將`span`元素定位到頁面的頂部，使用`overflow: hidden`控制單元格的隱藏狀態。然后，我們將每個`span`元素定位到頁面的合適位置，使用`top`和`bottom`屬性控制它們的位置。接著，我們使用CSS的`display`屬性將每個`span`元素設置為`table-cell`，并使用`overflow`屬性控制單元格的滾動范圍。最后，我們使用CSS的`text-align`屬性調整單元格的對齊方式，以便更好地適應不同屏幕大小。

使用CSS數字滾動顯示可以輕松地實現數字或其他文本元素的滾動展示，同時也可以讓頁面更加美觀和易于使用。通過靈活的設置，可以根據不同的需求定制不同的數字滾動顯示效果。