CSS中多個(gè)圖片的位置調(diào)整可以通過多種方式實(shí)現(xiàn)，以下是一些常用的方法：

1、使用CSS的position屬性：

- 通過設(shè)置position: relative;或position: absolute;，可以相對(duì)于其包含塊或屏幕來調(diào)整圖片的位置。

- 使用top、right、bottom和left屬性來具體調(diào)整位置。

2、使用CSS的float屬性：

float: left;或float: right;可以將圖片浮動(dòng)到左側(cè)或右側(cè)，其他內(nèi)容會(huì)環(huán)繞在圖片的另一側(cè)。

- 適用于需要讓文本環(huán)繞圖片的情況。

3、使用CSS的display屬性：

- 設(shè)置display: flex;可以將圖片作為彈性容器的一部分，通過justify-content和align-items來調(diào)整位置。

- 適用于需要更復(fù)雜的布局，如圖片與文本并列或堆疊的情況。

4、使用CSS的grid屬性：

display: grid;可以將圖片放置在一個(gè)網(wǎng)格中，通過grid-row和grid-column來調(diào)整位置。

- 適用于需要構(gòu)建復(fù)雜的網(wǎng)格布局，如多個(gè)圖片和文本塊的組合。

示例：使用position調(diào)整圖片位置

<div style="position: relative;">
    <img style="position: absolute; top: 20px; left: 30px;" src="image1.jpg" />
    <img style="position: absolute; top: 60px; right: 40px;" src="image2.jpg" />
</div>

示例：使用float調(diào)整圖片位置

<div style="float: left;">
    <img src="image1.jpg" />
    <p>Some text...</p>
</div>
<div style="float: right;">
    <img src="image2.jpg" />
    <p>Some text...</p>
</div>

示例：使用display: flex調(diào)整圖片位置

<div style="display: flex; justify-content: space-between;">
    <img src="image1.jpg" />
    <img src="image2.jpg" />
</div>

示例：使用display: grid調(diào)整圖片位置

<div style="display: grid; grid-template-columns: 1fr 1fr;">
    <img src="image1.jpg" />
    <img src="image2.jpg" />
</div>