在CSS中，字體和圖片對齊是一項常見的任務，可以通過幾種不同的技術輕松完成。以下是一些常用的技術：

使用vertical-align屬性

可以使用CSS中的vertical-align屬性將圖片與相鄰的文本垂直對齊。它適用于、和等內聯元素。只需添加以下CSS代碼：

img {
vertical-align: middle;
}

該代碼將圖片垂直居中對齊。

使用line-height屬性

如果您只需要對齊一段文本和圖片，可能更適合使用line-height屬性。該屬性控制行高，使文本和圖片垂直對齊。例如，可以這樣設置：

p {
line-height: 30px;
}
img {
vertical-align: middle;
}

該代碼將創建一個30像素的行高，使相鄰的圖片垂直居中。

使用background-image屬性

如果您使用的是背景圖片而不是元素，可以使用background-image屬性。該屬性可以輕松地自定義您的背景圖片的位置和對齊方式。例如，可以這樣設置：

div {
background-image: url('example.jpg');
background-repeat: no-repeat;
background-position: center center;
}

該代碼將背景圖片設置為居中，并且不重復。您還可以像這樣將其設置為頂部左側對齊：

div {
background-image: url('example.jpg');
background-repeat: no-repeat;
background-position: top left;
}

這些是使用CSS對齊文本和圖像的一些常用技術。無論您要實現什么樣的設計，都應該能夠滿足您的需求。