需要帮助才能使图片站在左边的每一列旁边

<style>
    .container {
        width: 100%;
    }

    .image {
        float: left;
        margin-right: 10px; /* 可根据需要调整图片之间的间距 */
    }
</style>

<div class="container">
    <img class="image" src="image1.jpg" alt="Image 1">
    <img class="image" src="image2.jpg" alt="Image 2">
    <img class="image" src="image3.jpg" alt="Image 3">
    <!-- 更多图片 -->
</div>

<style>
    .container {
        display: flex;
        flex-wrap: wrap;
    }

    .image {
        flex: 0 0 25%; /* 设置图片占据容器的宽度比例，此处为四列布局 */
        margin-right: 10px; /* 可根据需要调整图片之间的间距 */
    }
</style>

<div class="container">
    <img class="image" src="image1.jpg" alt="Image 1">
    <img class="image" src="image2.jpg" alt="Image 2">
    <img class="image" src="image3.jpg" alt="Image 3">
    <!-- 更多图片 -->
</div>