在CSS中，將文字和圖片居中對齊是一個常見的需求，要實現(xiàn)這一點，可以使用多種方法，包括使用flexbox、grid布局或者簡單的margin技巧。

方法一：使用Flexbox

Flexbox是一個強(qiáng)大的布局工具，可以輕松實現(xiàn)居中對齊，以下是一個示例：

<div class="container">
  <div class="text">文本內(nèi)容</div>
  <img class="image" src="圖片URL" />
</div>

.container {
  display: flex;
  align-items: center;
  justify-content: center;
}

在這個示例中，align-items: center;使子元素在垂直方向上居中對齊，justify-content: center;使子元素在水平方向上居中對齊。

方法二：使用Grid布局

Grid布局也是一個很好的選擇，它提供了更靈活的布局選項，以下是一個使用grid布局的例子：

<div class="container">
  <div class="text">文本內(nèi)容</div>
  <img class="image" src="圖片URL" />
</div>

.container {
  display: grid;
  align-items: center;
  justify-content: center;
}

同樣，align-items: center;使子元素在垂直方向上居中對齊，justify-content: center;使子元素在水平方向上居中對齊。

方法三：使用margin技巧

如果你不想使用flexbox或grid布局，可以使用傳統(tǒng)的margin技巧來實現(xiàn)居中對齊，這種方法可能需要對具體布局有一些調(diào)整，但它是一種簡單且常用的技巧。

在CSS中，將文字和圖片居中對齊有多種方法，包括使用flexbox、grid布局或者傳統(tǒng)的margin技巧，選擇哪種方法取決于你的具體需求和布局環(huán)境，希望這些方法能幫助你實現(xiàn)所需的居中對齊效果。