在CSS中，我們可以使用多種方法將文字與圖片進行對齊，以下是一些常見的對齊方法：

1、垂直對齊：

- 使用vertical-align 屬性，可以指定圖片與文字在垂直方向上的對齊方式。vertical-align: middle; 會使圖片與文字在垂直方向上居中對齊。

- 另一種方法是使用 Flexbox 布局，通過設(shè)定align-items: center; 來實現(xiàn)垂直居中對齊。

2、水平對齊：

- 使用text-align 屬性，可以指定文字在水平方向上的對齊方式。text-align: center; 會使文字居中對齊。

- 對于圖片與文字的水平對齊，可以結(jié)合使用margin 屬性來調(diào)整圖片的位置。

3、綜合對齊：

- 結(jié)合使用上述方法，可以實現(xiàn)圖片與文字的綜合對齊，可以使用 Flexbox 布局，通過設(shè)定justify-content: center; 來實現(xiàn)圖片與文字在水平方向上居中對齊，同時使用align-items: middle; 來實現(xiàn)垂直居中對齊。

下面是一個示例代碼，展示了如何實現(xiàn)圖片與文字的對齊：

<div style="display: flex; justify-content: center; align-items: middle;">
  <img src="image.jpg" style="max-width: 100px; height: auto;">
  <p style="margin-left: 10px;">這是一段文字</p>
</div>

在這個示例中：

div 元素使用了 Flexbox 布局，通過justify-content: center; 和align-items: middle; 來實現(xiàn)圖片與文字在水平和垂直方向上的居中對齊。

- 圖片設(shè)置了***大寬度為100px，高度自動調(diào)整，以適應(yīng) Flexbox 布局。

- 文字通過margin-left: 10px; 來調(diào)整與圖片的水平間距。

通過這種方法，可以靈活地對圖片和文字進行對齊，適應(yīng)不同的布局需求。