CSS是前端開發中不可或缺的技術，通常用于控制頁面元素的樣式。其中，圖片和字體對齊是CSS中比較常用的樣式控制。

在CSS中，我們可以使用background-position屬性來控制圖片和背景之間的位置和對齊方式。該屬性的值指定了背景圖像的位置，可以是以像素為單位的絕對坐標，也可以是相對于元素大小的百分數。例如：

background-image: url('image.jpg');
background-position: center center; /* 居中對齊 */

此外，還可以使用text-align屬性來設置文字的對齊方式，包括左對齊、右對齊、居中對齊等等。例如：

text-align: center; /* 文字居中對齊 */

另外，我們還可以使用vertical-align屬性來控制元素中的內聯對象（如圖片、文字）的垂直對齊方式。該屬性的值可以是top、middle、bottom等。例如：

vertical-align: middle; /* 圖片和文本垂直居中對齊 */

除了上述方法，我們還可以使用line-height屬性來控制元素中的文字對齊方式。該屬性的值決定了行內元素的高度，同時也影響了其中文字的位置。例如：

line-height: 2; /* 行高為2倍文字大小 */

在實際開發中，我們常常需要根據具體情況靈活運用這些CSS樣式控制方法，以達到最佳的視覺效果。