在CSS中，我們可以使用多種方法來使文字和圖片對齊，以下是一些常用的方法：

1. 使用vertical-align屬性：

- `vertical-align: top;`：使圖片與文字頂部對齊。

- `vertical-align: middle;`：使圖片與文字中間對齊。

- `vertical-align: bottom;`：使圖片與文字底部對齊。

2. 使用position屬性：

- `position: relative;`：使圖片相對于文字進(jìn)行定位。

- `position: absolute;`：使圖片相對于其***近的定位祖先元素進(jìn)行定位。

3. 使用float屬性：

- `float: left;`：使圖片浮動在文字的左側(cè)。

- `float: right;`：使圖片浮動在文字的右側(cè)。

4. 使用display屬性：

- `display: flex;`：使用彈性布局，可以輕松對齊圖片和文字。

- `display: grid;`：使用網(wǎng)格布局，可以實現(xiàn)復(fù)雜的圖片和文字對齊需求。

5. 使用align-items和align-self屬性：

- 在彈性布局（`display: flex;`）中，可以使用`align-items: center;`使圖片和文字在垂直方向上居中對齊。

- 對于單個元素，可以使用`align-self: center;`覆蓋`align-items`的設(shè)置。

6. 使用justify-content屬性：

- 在彈性布局中，可以使用`justify-content: center;`使圖片和文字在水平方向上居中對齊。

### 示例代碼

下面是一個示例，展示如何使用CSS使文字和圖片水平居中對齊：

```html

這是一段文字，用于展示圖片和文字的對齊效果。

```

在這個示例中，我們創(chuàng)建了一個名為`.container`的類，用于包含圖片和文字，通過設(shè)置`display: flex;`，該容器采用彈性布局，使得圖片和文字可以水平（通過`justify-content: center;`）和垂直（通過`align-items: center;`）居中對齊，我們還設(shè)置了圖片的***大寬度為100%，高度自動調(diào)整，以確保圖片能夠適應(yīng)容器的大小。