在Web開發(fā)中，經(jīng)常會有需要將兩張圖片在一個容器內(nèi)橫向?qū)R的需求。這時，可以使用CSS中的flexbox布局來實現(xiàn)。下面介紹如何實現(xiàn)兩張圖片兩端對齊。

首先，在HTML代碼中添加兩張圖片的img標簽，并將它們放入同一個容器內(nèi)。這里使用div標簽作為容器，給它一個類名為“image-container”：

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

接下來，在CSS中添加以下樣式：

.image-container {
display: flex;
justify-content: space-between;
}
.image-container img {
max-width: 50%;
}

其中，display: flex;將容器設置為彈性布局，justify-content: space-between;將圖片分布在容器兩端。而.image-container img {}的max-width: 50%;限制了圖片的寬度不超過容器的一半，確保了兩張圖片同時在容器內(nèi)顯示，且不會超出容器的范圍。

通過這個簡單的CSS樣式設置，兩張圖片就可以輕松地在一個容器內(nèi)實現(xiàn)兩端對齊的效果了。