在CSS中，我們可以使用多種方法設(shè)置圖片為3行4列，以下是一種常見的方法，使用CSS Grid布局實現(xiàn)：

我們需要創(chuàng)建一個包含圖片的HTML元素，

<div class="image-grid">
    <img src="image1.jpg" alt="Image 1">
    <img src="image2.jpg" alt="Image 2">
    <img src="image3.jpg" alt="Image 3">
    <img src="image4.jpg" alt="Image 4">
    <img src="image5.jpg" alt="Image 5">
    <img src="image6.jpg" alt="Image 6">
    <img src="image7.jpg" alt="Image 7">
    <img src="image8.jpg" alt="Image 8">
</div>

我們可以使用CSS Grid布局來設(shè)置圖片為3行4列：

.image-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(3, 1fr);
    gap: 10px; /* 可選，設(shè)置圖片之間的間隔 */
}

在這個CSS代碼中：

display: grid; 聲明該元素使用CSS Grid布局。

grid-template-columns: repeat(4, 1fr); 設(shè)置每行有4列，每列寬度相等。

grid-template-rows: repeat(3, 1fr); 設(shè)置每列有3行，每行高度相等。

gap: 10px; 可選，設(shè)置圖片之間的間隔為10像素。

這樣，圖片就會被設(shè)置為3行4列的布局，每行和每列的圖片數(shù)量固定，且圖片之間的間隔均勻，這種方法簡單易行，適用于多種場景。