[分享]css两张图片上下贴在一起

CSS可以让我们轻松实现两张图片上下贴在一起的效果。下面我们来看一下具体的实现方法。

 <div class="container">
        <img src="img1.jpg" alt="图片1">
        <img src="img2.jpg" alt="图片2">
    </div>

    <strong>/* CSS样式 */</strong>
    .container {
        display: flex;
        flex-direction: column;
    }
    .container img {
        max-height: 100%;
    } 

首先，我们将两张图片放在一个div容器中，设置容器的display属性为flex，这样容器内部的元素就可以进行弹性布局。

然后，我们将容器的flex-direction属性设置为column，这样子元素就会按列排列。

最后，我们设置图片的max-height属性为100%，这样图片就能够完全填满容器的高度，实现上下贴在一起的效果。

以上就是实现两张图片上下贴在一起的方法，希望对你有所帮助。