在網頁制作過程中，有時需要將文字和圖片對齊，尤其是圖片放在文字底部的情況更為常見。如果不對齊，會給人造成視覺上的不協調感。下面介紹一種使用CSS實現圖片與文字底部對齊的方法。 首先，我們需要將要對齊的文字和圖片分別放在一個div容器里，然后給它們分別設定相應的樣式，代碼如下：

<div class="align-container">
<p class="text">這是一段要對齊的文字</p>
<img src="example-img.jpg" class="image">
</div>

上面的代碼中，我們使用了flex布局，將容器的內容進行排列，align-items屬性設置成flex-end，就可以將圖片與文字的底部對齊。此外，將.text的flex屬性設為1，可以讓它占據剩余的空間，使得圖片和文字之間的距離可以根據需要進行調整。最后，將圖片的vertical-align屬性設置成bottom，就可以讓圖片的底部對齊。 綜上所述，使用CSS實現圖片與文字底部對齊的方法非常簡單，只需要用一些基礎的樣式就可以實現。但是，需要注意的是，如果文字和圖片的高度不一致，需要進行額外的處理，以避免出現對齊不準確的情況。