CSS是前端開發中最重要的技術之一，它可以幫助我們美化網頁，做出更好看的不同排版效果。在CSS中，我們可以靈活地控制元素的樣式和位置，下面我們來介紹一下如何使用CSS來寫兩張圖片平鋪。

/* 先看一下HTML結構 */
<div class="container">
<img src="img1.jpg" alt="圖片1">
<img src="img2.jpg" alt="圖片2">
</div>
/* 接著我們來寫CSS樣式 */
.container {
display: flex;
justify-content: space-between;
}
.container img {
width: 48%;
}

我們先在HTML中添加一組圖片，并在CSS中將它們作為一個容器來控制整體的樣式。我們通過設置容器的display屬性為flex，然后用justify-content屬性來指定元素間的間距。在這里我們選擇了space-between，表示平均分配元素之間的空間。

除此之外，我們還可以通過設置每張圖片的寬度來控制排版效果。在這里，我們將每張圖片的寬度設置為48%，使其占據容器的大約一半空間。這樣，兩張圖片就可以完美平鋪在一起了。

/* 然而，我們也可以通過另外的一種方式來實現圖片的平鋪效果 */
.container {
display: table;
table-layout: fixed;
width: 100%;
}
.container img {
display: table-cell;
width: 50%;
}

在這個例子中，我們將圖片的容器設置為一個table，用table-layout屬性來控制表格行的自動布局方式。接著，我們將每張圖片的display屬性設置為table-cell，這樣它們就會按表格的方式進行自動布局。

最后，我們在CSS中將每張圖片的寬度設置為50%，使其等分容器的寬度。到此為止，我們也可以看到兩張圖片完美地平鋪在一起了。