CSS3 數字排版 CSS3 提供了強大的數字排版功能，尤其是在處理價格、時間和計數器等數字時非常有用。以下是一些常用的 CSS3 數字排版技術： 1. 數組填充 通過使用 padding 和 text-align 屬性，我們可以創建具有相同寬度的數字列。例如，我們可以設置一個 ul 的內部 li 元素的樣式：

ul {
list-style: none;
margin: 0;
padding: 0;
}
li {
display: inline-block;
text-align: center;
padding: 5px 10px;
background-color: #f1f3f5;
margin-right: 5px;
}

該樣式將創建一個具有相同寬度和間距的數字序列。 2. 數字序列 有時我們需要使用不同的數字序列，例如羅馬數字、希臘字母等。CSS3 提供了 list-style-type 屬性，可以設置不同的數字序列。例如，我們可以設置一個 ol 的內部 li 元素的樣式：

ol {
list-style: none;
margin: 0;
padding: 0;
}
li {
display: inline-block;
text-align: center;
padding: 5px 10px;
background-color: #f1f3f5;
margin-right: 5px;
list-style-type: lower-alpha;
}

該樣式將創建一個使用小寫字母列表項符號的有序列表。 3. 計數器 計數器是一種強大的 CSS3 技術，可在網站中創建更多自定義數字排版。計數器是一個名稱和值的鍵值對，可以在樣式中使用。 例如，我們可以創建一個計數器樣式，用于在每個標題前顯示章節號：

body {
counter-reset: chapter;
}
h2:before {
counter-increment: chapter;
content: "Chapter " counter(chapter) ". ";
}

該樣式將在每個 h2 標題之前顯示類似 "Chapter 1."、"Chapter 2." 等的章節號。 眾所周知，CSS3 可以讓網頁與眾不同，尤其是在數字排版方面。通過了解以上三種技術，您可以更好地利用 CSS3 創建更好的數字排版，以展示您的數據。