在CSS中，可以使用多種方法將文字與圖像進(jìn)行對齊，以下是一些常見的對齊方法：

1、文本居中對齊：

- 使用text-align: center; 可以使文本在容器中居中對齊。

- 示例：

```css

.container {

text-align: center;

}

```

2、文本左對齊：

- 使用text-align: left; 可以使文本在容器中左對齊。

- 示例：

```css

.container {

text-align: left;

}

```

3、文本右對齊：

- 使用text-align: right; 可以使文本在容器中右對齊。

- 示例：

```css

.container {

text-align: right;

}

```

4、垂直對齊：

- 使用vertical-align: middle; 可以使文本在圖像中垂直居中對齊。

- 示例：

```css

.image-container {

display: flex;

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

}

```

5、圖像和文本水平對齊：

- 使用display: flex; 和justify-content: center; 可以使圖像和文本在容器中水平居中對齊。

- 示例：

```css

.container {

display: flex;

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

}

```

6、圖像和文本垂直對齊：

- 使用display: flex; 和align-items: center; 可以使圖像和文本在容器中垂直居中對齊。

- 示例：

```css

.container {

display: flex;

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

}

```

7、使用Flexbox布局：

- Flexbox布局提供了一種靈活的方式來實(shí)現(xiàn)文本和圖像的對齊，通過調(diào)整justify-content 和align-items 屬性，可以實(shí)現(xiàn)多種對齊方式。

- 示例：

```css

.container {

display: flex; /* 使用Flexbox布局 */

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

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

}

```

這些方法是實(shí)現(xiàn)CSS中文字與圖像對齊的常用技巧，通過結(jié)合使用這些方法，你可以輕松地在設(shè)計(jì)中實(shí)現(xiàn)所需的對齊效果。