在網(wǎng)頁中，數(shù)字的排列是非常常見的，如何用 CSS 來控制數(shù)字的排列是很重要的一點。本文將介紹幾種常見的方案。

/* 在一行內(nèi)橫向排列數(shù)字 */
.number-list {
display: flex;
flex-direction: row; /* 將數(shù)字在同一行內(nèi)橫向排列 */
}
/* 在一列內(nèi)縱向排列數(shù)字 */
.number-list {
display: flex;
flex-direction: column; /* 將數(shù)字在同一列內(nèi)縱向排列 */
}
/* 通過 float 屬性來排列數(shù)字 */
.number {
float: left; /* 左浮動 */
width: 30px; /* 固定數(shù)字寬度，以免數(shù)字不會橫向溢出 */
text-align: center; /* 將數(shù)字垂直居中 */
margin-right: 10px; /* 為了保持數(shù)字之間的間距，給數(shù)字設(shè)置右邊距 */
}
/* 通過 grid 屬性來排列數(shù)字 */
.number-list {
display: grid;
grid-template-columns: repeat(5, 30px); /* 指定每個數(shù)字的寬度為 30px，且一行中最多顯示 5 個數(shù)字 */
grid-gap: 10px; /* 控制數(shù)字之間的間距 */
}

以上這些方案都可以用來控制數(shù)字的排列，具體使用哪種方案視情況而定。