CSS圖片和文本框對齊是一種使用CSS進行圖片和文本框之間對齊的方法。本文將介紹如何使用CSS來實現這種功能，包括如何設置圖片的位置和對齊方式，以及如何使用文本框的對齊方式來實現文本的對齊。

首先，讓我們了解如何使用CSS來設置圖片的位置。我們可以使用CSS的`position`屬性來設置圖片的位置，例如：

```css

position: absolute;

top: 50%;

left: 50%;

transform: translate(-50%, -50%);

這個CSS規則會將圖片設置為絕對定位，并將其放置在父元素的50%位置和50%位置之間。我們可以通過更改`top`和`left`屬性的值來調整圖片的位置。例如，將`top`屬性設置為0，圖片將放置在父元素的頂部，并將`left`屬性設置為0，圖片將放置在父元素的左側。

接下來，讓我們了解如何使用CSS的`對齊`屬性來實現文本的對齊。我們可以使用CSS的`對齊`屬性來設置文本的對齊方式，例如：

```css

text-align: center;

這個CSS規則將把文本設置為居中對齊。我們可以通過更改`對齊`屬性的值來更改文本的對齊方式。例如，將`對齊`屬性設置為`left`，文本將向左對齊。將`對齊`屬性設置為`right`，文本將向右對齊。

通過使用上述CSS規則，我們可以輕松地將圖片和文本框對齊。使用圖片的`position`屬性來設置圖片的位置，并使用文本的`對齊`屬性來設置文本的對齊方式，可以使我們在設計和布局網站時更加方便和高效。