CSS中照片的顯示順序是指在一個網頁中，照片或圖片按照什么順序進行顯示的問題。一般來說，照片的顯示順序是由代碼中的排列順序來決定的。而且，CSS中的display屬性也會對照片的顯示次序產生影響。下面我們來系統地探討一下這個話題。 首先是代碼的順序。在網頁中，圖片的顯示順序是由代碼的順序來決定的。代碼的順序是從上往下的，因此如果你想要讓圖片按照你的意愿進行排列，就需要在代碼中將它們依次排好序。例如，如果你想讓三張圖片按照從左到右的順序進行排列，那么你需要先把第一張圖片的代碼放在最上面，然后是第二張圖片的代碼，最后是第三張圖片的代碼。這樣，瀏覽器才能夠正確地按照你的要求進行排列。 其次是CSS中的display屬性。CSS中的display屬性可以控制元素的顯示方式。如果你想讓圖片排成一排，就可以將它們的display屬性設置為inline-block。這樣，圖片就可以按照從左往右的順序進行排列。如果你想讓圖片上下排列，就可以將它們的display屬性設置為block，這樣圖片就可以按照從上往下的順序進行排列。 最后，還需要注意一點，就是在使用畫廊或輪播組件時，你也需要注意圖片的排列次序。有些組件會根據代碼的順序來決定圖片的排列，而有些組件則可能需要你手動設置圖片的排列順序。 總結一下，CSS中照片的顯示順序是由代碼的排列順序和display屬性來決定的，需要根據具體的需求進行設置。除此之外，如果使用了畫廊或輪播組件，還需要根據組件的要求來設置圖片的排列次序。 以下是示例代碼：

示例1：
<img src="pic1.jpg"> 
<img src="pic2.jpg"> 
<img src="pic3.jpg">
示例2：
<div class="gallery">
<img src="pic1.jpg"> 
<img src="pic2.jpg"> 
<img src="pic3.jpg"> 
</div>
.gallery img{
display:inline-block; 
}