CSS是一門強(qiáng)大的樣式語言，可以讓我們?cè)诰W(wǎng)頁中運(yùn)用各種樣式及動(dòng)畫效果。在這里，我們將介紹如何使用CSS讓文字排列有序。

/* 用CSS排序 */
ul {
list-style-type: none;
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap;
}
li {
margin: 5px;
width: 100px;
height: 100px;
display: flex;
justify-content: center;
align-items: center;
background-color: #eee;
}

在上面的代碼中，我們首先創(chuàng)建了一個(gè)無序列表（ul）并設(shè)置了其樣式。我們將其設(shè)置為“flex”布局，并使用“flex-wrap”屬性使其可以在需要時(shí)換行。然后為列表項(xiàng)（li）設(shè)置樣式。我們?cè)O(shè)置了其每個(gè)邊距為5像素，寬高為100像素，并設(shè)置了其內(nèi)部元素位置為居中。最后，我們?yōu)樗O(shè)置了背景顏色并使用“flex”屬性使其成為一個(gè)塊級(jí)元素。

現(xiàn)在，如果你在HTML中輸入以下代碼：

<ul><li>One</li><li>Two</li><li>Three</li><li>Four</li><li>Five</li><li>Six</li><li>Seven</li><li>Eight</li><li>Nine</li><li>Ten</li></ul>

你將會(huì)看到這樣的效果：

• One
• Two
• Three
• Four
• Five
• Six
• Seven
• Eight
• Nine
• Ten

現(xiàn)在，所有的列表項(xiàng)都已經(jīng)排列好了。如果你想要更改它們的位置，只需在CSS中調(diào)整它們的屬性即可。比如，你可以更改每個(gè)列表項(xiàng)的寬度或高度，或是為列表項(xiàng)添加邊框或投影等

總結(jié)：使用CSS讓文字排序只需要使用flex布局及調(diào)整每個(gè)元素的屬性即可。