CSS中將圖片排列是通過設(shè)定圖片的display屬性來實(shí)現(xiàn)的。以下是一些圖片排列的示例:
/* 橫向排列圖片 */ img { display: inline-block; margin-right: 20px; } /* 縱向排列圖片 */ img { display: block; margin-bottom: 20px; } /* 網(wǎng)格排列圖片 */ img { display: inline-block; width: 200px; height: 200px; margin: 10px; }
通過設(shè)定display屬性可以實(shí)現(xiàn)不同的圖片排列方式,如橫向排列、縱向排列、網(wǎng)格排列等。需要注意的是,在網(wǎng)格排列中要設(shè)定圖片的寬度和高度,以及圖片之間的邊距。