CSS圖片如何分兩排

在CSS中，我們可以使用多種方法將圖片分成兩排，以下是一種簡(jiǎn)單的方法，使用Flex布局來(lái)實(shí)現(xiàn)。

我們需要?jiǎng)?chuàng)建一個(gè)包含圖片的容器，這個(gè)容器可以是一個(gè)div元素，或者任何其他適合的元素。

HTML代碼：

<div class="image-container">
    <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">
    <img src="image9.jpg" alt="Image 9">
    <img src="image10.jpg" alt="Image 10">
    <img src="image11.jpg" alt="Image 11">
    <img src="image12.jpg" alt="Image 12">
    <img src="image13.jpg" alt="Image 13">
    <img src="image14.jpg" alt="Image 14">
    <img src="image15.jpg" alt="Image 15">
    <img src="image16.jpg" alt="Image 16">
    <img src="image17.jpg" alt="Image 17">
    <img src="image18.jpg" alt="Image 18">
    <img src="image19.jpg" alt="Image 19">
    <img src="image20.jpg" alt="Image 20">
    <img src="image21.jpg" alt="Image 21">
    <img src="image22.jpg" alt="Image 22">
    <img src="image23.jpg" alt="Image 23">
    <img src="image24.jpg" alt="Image 24">
    <img src="image25.jpg" alt="Image 25">
    <img src="image26.jpg" alt="Image 26">
    <img src="image27.jpg" alt="Image 27">
    <img src="image28.jpg" alt="Image 28">
    <img src="image29.jpg" alt="Image 29">
    <img src="image30.jpg" alt="Image 30">
    <img src="image31.jpg" alt="Image 31">
    <img src="image32.jpg" alt="Image 32">
    <img src="image33.jpg" alt="Image 33">
    <img src="image34.jpg" alt="Image 34">
    <img src="image35.jpg" alt="Image 35">
    <img src="image36.jpg" alt="Image 36">
    <img src="image37.jpg" alt="Image 37">
    <img src="image38.jpg" alt="Image 38">
    <img src="image39.jpg" alt="Image 39">
    <img src="image40.jpg" alt="Image 40">
    <img src="image41.jpg" alt="Image 41">
    <img src="image42.jpg" alt="Image 42">
    <img src="image43.jpg" alt="Image 43">
    <img src="image44.jpg" alt="Image 44">
    <img src="image45.jpg" alt="Image 45">
    <img src="image46.jpg" alt="Image 46">
    <img src="image47.jpg" alt="Image 47">
    <img src="image48.jpg" alt="Image 48">
    <img src="image49.jpg" alt="Image 49">
    <img src="image50.jpg" alt="Image 50">
</div>

我們可以使用CSS的Flex布局來(lái)將這些圖片分成