在CSS中,可以使用display: inline-block;
屬性將兩張圖片放在一行,以下是一個(gè)示例代碼:
<div style="display: flex; justify-content: space-between;"> <img style="display: inline-block; width: 50px; height: 50px;" src="image1.png" alt="圖片1" /> <img style="display: inline-block; width: 50px; height: 50px;" src="image2.png" alt="圖片2" /> </div>
在這個(gè)示例中,我們創(chuàng)建了一個(gè)div
元素,并使用display: flex;
屬性將其設(shè)置為彈性布局,我們使用justify-content: space-between;
屬性將圖片之間的空間均勻分布。
我們將兩個(gè)img
元素添加到div
中,并使用display: inline-block;
屬性將它們?cè)O(shè)置為內(nèi)聯(lián)塊級(jí)元素,通過(guò)設(shè)置width
和height
屬性,我們可以控制圖片的大小,我們使用src
屬性將圖片的源路徑設(shè)置為相應(yīng)的圖片文件。
這只是一個(gè)簡(jiǎn)單的示例,您可以根據(jù)自己的需求進(jìn)行調(diào)整,您可以添加更多的圖片,或者調(diào)整圖片之間的空間距離。