CSS中，我們可以使用多種方法來使圖片與文字對(duì)齊，以下是一些常見的方法：

1、使用vertical-align屬性：

- 這個(gè)屬性可以調(diào)整圖片和文字的垂直對(duì)齊方式，你可以設(shè)置vertical-align: middle;來使圖片和文字垂直居中對(duì)齊。

- 示例代碼：

```css

img {

vertical-align: middle;

}

```

2、使用position屬性：

- 通過設(shè)置position屬性為relative或absolute，你可以***地定位圖片和文字的位置。

- 示例代碼：

```css

img {

position: relative;

top: 5px; // 調(diào)整圖片距離頂部的距離

left: 10px; // 調(diào)整圖片距離左側(cè)的距離

}

```

3、使用flexbox布局：

- Flexbox布局提供了一種靈活的方式來對(duì)齊圖片和文字，你可以通過調(diào)整flex屬性來輕松地實(shí)現(xiàn)對(duì)齊。

- 示例代碼：

```css

.container {

display: flex;

align-items: center; // 垂直居中

justify-content: center; // 水平居中

}

```

4、使用grid布局：

- Grid布局是另一種強(qiáng)大的布局工具，它允許你創(chuàng)建復(fù)雜的網(wǎng)格結(jié)構(gòu)，并可以輕松地對(duì)齊圖片和文字。

- 示例代碼：

```css

.container {

display: grid;

align-items: center; // 垂直居中

justify-content: center; // 水平居中

}

```

5、使用text-align屬性：

- 這個(gè)屬性可以調(diào)整文本的對(duì)齊方式，通常用于水平對(duì)齊文本和圖片。

- 示例代碼：

```css

img {

text-align: right; // 圖片對(duì)齊到右側(cè)

}

```

這些方法可以根據(jù)你的具體需求進(jìn)行組合使用，以達(dá)到理想的對(duì)齊效果，希望這些方法能幫助你解決CSS中對(duì)齊圖片和文字的問題。