CSS是一門設計網頁樣式的語言，可以使網頁的布局更加美觀和易于控制。其中，圖片布局則是CSS中一個非常常見的應用，下面我們來進一步了解如何進行圖片布局。

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

上述代碼可以讓圖片在其容器中水平居中顯示，這在設計中非常有用。

img {
float: left;
margin-right: 20px;
}

上述代碼可以讓圖片浮動在布局的左側，并且右側的文本內容將自動環繞圖片，這在新聞或者博客頁面上非常適用。

img {
height: 100px;
width: 100px;
object-fit: cover;
}

上述代碼可以固定圖片的大小，并使用cover方式自適應填充，這在相冊展示或者產品介紹上非常實用。

當然，以上只是圖片布局的幾個例子，具體的應用還需根據實際需求進行選擇。同時，對于圖片的優化、壓縮和配合其他元素實現更豐富的效果，也是我們不斷探索和創新的方向。