html写一个间距为0一个div里面四个图片并排一行的页面

以下是一个示例的HTML代码，其中包含一个父级div和四个子级div，每个子级div包含一张图片，并使用CSS设置间距为0，使其能够水平并排一行显示。

<!DOCTYPE html>
<html>
<head>
<style>
    .image-container {
        display: flex;
        gap: 0;
    }
    
    .image-container div {
        flex: 1;
        margin: 0;
    }
    
    .image-container img {
        width: 100%;
        height: auto;
    }
</style>
</head>
<body>
    <div class="image-container">
        <div>
            <img src="image1.jpg" alt="Image 1">
        </div>
        <div>
            <img src="image2.jpg" alt="Image 2">
        </div>
        <div>
            <img src="image3.jpg" alt="Image 3">
        </div>
        <div>
            <img src="image4.jpg" alt="Image 4">
        </div>
    </div>
</body>
</html>

在上述代码中，我们使用了flex布局来实现子级div的水平排列，并使用gap属性设置间距为0。子级div使用flex: 1来平均分配父级div的宽度，并设置margin: 0来移除默认的边距。图片使用width: 100%来适应父级div的宽度，并使用height: auto来保持图片的纵横比例