在進行網頁設計時，好的排版是非常重要的一環節。而排版中圖片的使用也是不可或缺的一部分。

首先，我們需要知道的是，圖片是可以通過CSS進行排版的。在CSS中，我們可以通過以下代碼來設置圖片大小：

img{
width: 100px;
height: 100px;
}

在以上代碼中，我們設置了圖片的寬度和高度都為100像素。當然，我們也可以只設置其中一個屬性，此時，另一個屬性會按照原圖比例自適應調整。

在圖片的排版中，我們還可以設置圖片的對齊方式。在以下代碼中，我們設置了圖片居中對齊：

img{
display: block;
margin: 0 auto;
}

其中，display屬性設置為block是為了讓圖片變成塊級元素，以便能夠清除其周圍的浮動元素。而margin屬性則設置了圖片上下左右的外邊距都為0，并將左右外邊距設為auto，以實現圖片居中對齊。

此外，我們還可以使用CSS來設置圖片的邊框、內外邊距等樣式。以下是一個完整的CSS代碼示例：

img{
display: block;
margin: 0 auto;
border: 1px solid #ccc;
padding: 10px;
margin-top: 20px;
}

在以上代碼中，我們為圖片設置了1像素寬的實線邊框，內邊距為10像素，外邊距則分別為0和20像素。

在排版圖片時，我們也需要注意兼容性問題。在一些老舊的瀏覽器中，可能不支持某些CSS樣式，因此我們需要使用Hack技巧，以確保圖片在各種瀏覽器中都能夠正常顯示。

總的來說，圖片在CSS排版中是非常重要的一部分。通過CSS的靈活應用，我們能夠輕松地對圖片進行大小、對齊、邊框樣式等設置，使其更好地融入整個網頁排版中，提升網頁的視覺效果和用戶體驗。