CSS中，我們可以使用flex布局來(lái)調(diào)整圖片的順序，以下是一個(gè)示例，展示如何設(shè)置圖片上下順序：

HTML結(jié)構(gòu)：

<div class="image-container">
    <img src="image1.jpg" alt="Image 1">
    <img src="image2.jpg" alt="Image 2">
    <img src="image3.jpg" alt="Image 3">
    <img src="image4.jpg" alt="Image 4">
    <img src="image5.jpg" alt="Image 5">
    <img src="image6.jpg" alt="Image 6">
    <img src="image7.jpg" alt="Image 7">
    <img src="image8.jpg" alt="Image 8">
    <img src="image9.jpg" alt="Image 9">
    <img src="image10.jpg" alt="Image 10">
</div>

CSS樣式：

.image-container {
    display: flex;
    flex-direction: column;
}

在這個(gè)示例中，我們創(chuàng)建了一個(gè)名為image-container的div，其中包含了多張圖片，通過(guò)CSS中的display: flex;屬性，我們將該容器設(shè)置為彈性布局。flex-direction: column;屬性則指定了圖片的順序應(yīng)該按照列（上下）方向排列，這樣，圖片就會(huì)按照從上到下的順序排列。

如果你想要改變圖片的順序，可以通過(guò)調(diào)整HTML結(jié)構(gòu)中的圖片順序來(lái)實(shí)現(xiàn)，如果你想要將***張圖片放在***后，你可以將***張圖片移動(dòng)到HTML結(jié)構(gòu)的***后位置，這樣，在CSS的彈性布局中，它就會(huì)被放置到***下方。

這種方法僅適用于支持CSS彈性布局的現(xiàn)代瀏覽器，如果你需要支持舊版本的瀏覽器，可能需要使用其他方法來(lái)實(shí)現(xiàn)圖片的順序調(diào)整。