在網頁設計中，經常需要將圖片與文字對齊，而CSS提供了一些很方便的方法來實現這個效果。 首先，我們可以使用CSS的"vertical-align"屬性來使圖片垂直對齊。該屬性可設置在img標簽上，值可以是"baseline"、"top"、"middle"、"bottom"等。如下所示：

<img src="example.jpg" style="vertical-align: middle;" />

這樣就可以將圖片垂直居中對齊了。如果需要讓圖片與文字底部對齊，可以將"vertical-align"屬性設置為"bottom"。 其次，我們可以使用CSS的"line-height"屬性來使文字與圖片垂直對齊。該屬性可設置在父元素上，值通常為數字或者百分比。如下所示：

<p style="line-height: 30px;"><img src="example.jpg" style="vertical-align: middle;" /> 兩行文字 </p>

這樣我們就可以將文字與圖片垂直對齊了。需要注意的是，"line-height"屬性的值應該等于或者大于圖片高度，否則可能會出現文字與圖片重疊。 最后，如果需要水平對齊，可以使用CSS的"float"屬性來讓圖片浮動。如下所示：

<p><img src="example.jpg" style="vertical-align: middle; float: left;" /> 兩行文字 </p>

這樣就可以將圖片與文字水平對齊了。如果需要右對齊，可以將"float"屬性設置為"right"。需要注意的是，使用"float"屬性時，需要清除浮動，可以使用CSS的"clear"屬性來實現。例如：

<div style="clear: both;"></div>

總之，通過以上幾種方法，我們可以很輕松地實現圖片與文字的對齊效果。