CSS可以幫助我們對網頁上的圖片進行排版，有效地美化頁面。下面，我們來看看如何用CSS對圖片進行排布。

/* 圖片居中顯示 */
img {
display: block;
margin: 0 auto;
}
/* 圖片左浮動 */
img.left {
float: left;
margin-right: 10px;
}
/* 圖片右浮動 */
img.right {
float: right;
margin-left: 10px;
}
/* 圖片等比例縮放 */
img {
max-width: 100%;
height: auto;
}
/* 圖片縱橫比固定的情況下居中顯示 */
.image-container {
width: 50%; /* 自定義寬度 */
height: 0;
padding-bottom: 50%; /* 按照圖片的縱橫比設置 */
position: relative;
}
.image-container img {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}

以上是常用的CSS排布圖片的方法，可以根據實際需求調整。
通過CSS對圖片進行排布，可以讓網頁更加美觀，在頁面展示效果上有更好的表現。