CSS是網頁設計中非常重要的一部分。其中，圖片排列也是設計網頁時需要注意的一點。下面我們來看看如何使用CSS設置圖片的排列。 首先，我們需要使用HTML標簽來插入圖片。在HTML中，我們用img標簽來插入圖片。例如：

<code><img src="example.jpg" alt="example"></code>

上面的代碼中，src是圖片鏈接，alt是用于當圖片無法顯示時顯示的替代文本。 接下來，我們可以使用CSS來設置圖片的樣式和排列方式。具體來說，我們可以使用display屬性來設置圖片的排列方式。display有多種取值，其中包括： 1. block：使元素以塊級形式顯示，即元素則從瀏覽器左側開始排列，占據一整行； 2. inline：將元素表現為內聯元素，即圖片會在行中排列，不會獨自占據一行； 3. inline-block：行內塊元素，即元素既能夠設置寬高，同時也不會獨自占據一行。 例如，我們可以使用以下CSS代碼將圖片設置為行內塊元素：

<code>p img {
display: inline-block;
}</code>

上面的代碼中，我們使用p標簽來選擇所需的圖片元素，然后設置display屬性為inline-block。 除了display屬性之外，我們還可以使用float屬性來設置圖片的排列方式。float屬性允許元素向左或向右浮動，從而實現圖片排列。例如，我們可以使用以下CSS代碼使圖片向左浮動并且文本環繞圖片排列：

<code>p img {
float: left;
margin: 10px;
}</code>

上面的代碼中，我們使用p標簽來選擇所需的圖片元素，然后設置float屬性為left，這意味著圖片會向左浮動，并且給圖片設置了10像素的margin。 綜上所述，我們可以使用display和float屬性來設置圖片的排列方式，從而使網頁更好的呈現。