在網頁設計中，經常會需要把兩張圖片并列顯示且左對齊。這時候我們就需要使用CSS來進行布局。下面是一個簡單的代碼示例：

<div class="images">
<img src="image1.jpg">
<img src="image2.jpg">
</div>

上面的代碼中，我們使用了一個容器 div 來裝載兩張圖片，然后在 CSS 中設置了這個容器的屬性：display: flex 和 justify-content: flex-start。這樣，兩張圖片就會自動并列排列且左對齊。

此外，我們還設置了 img 元素的 margin-right 屬性，這是為了在圖片之間留出一定的間距，使得布局看起來更加美觀。

如果你想要讓這個布局適應不同的屏幕大小，可以使用媒體查詢來設置不同的樣式。比如下面的代碼可以讓布局在屏幕寬度小于 600px 時，改為垂直排列：

@media screen and (max-width: 600px) {
.images {
flex-direction: column;
}
img {
margin-right: 0;
margin-bottom: 10px;
}
}

使用上面的代碼，當屏幕寬度小于 600px 時，兩張圖片就會變成垂直排列。