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

1、使用vertical-align屬性：

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

- 示例代碼：

```css

div {

height: 100px;

line-height: 100px;

text-align: center;

}

img {

vertical-align: middle;

}

```

2、使用flexbox布局：

- Flexbox是一個靈活的布局系統(tǒng)，可以輕松地對齊容器內(nèi)的項目，你可以將圖片和文字包裝在一個flex容器中，并使用align-items屬性來對齊它們。

- 示例代碼：

```css

.container {

display: flex;

align-items: center;

}

.text {

margin-right: 10px;

}

```

3、使用grid布局：

- Grid布局是另一個靈活的布局系統(tǒng)，適用于創(chuàng)建復(fù)雜的網(wǎng)頁布局，你可以將圖片和文字放置在一個grid單元中，并通過設(shè)置align-self來調(diào)整它們的對齊方式。

- 示例代碼：

```css

.container {

display: grid;

align-items: center;

}

.text {

align-self: start;

}

```

4、使用position屬性：

- 通過設(shè)置圖片和文字的position屬性，你可以***地控制它們的位置和對齊方式，這通常適用于需要更精細(xì)控制的情況。

- 示例代碼：

```css

.text {

position: relative;

left: 50px;

}

.img {

position: absolute;

top: 50px;

left: 0;

}

```