Web頁面中常常會用到表格來展示數據，同時也會在表格中插入一些圖片來豐富內容呈現形式。但是在處理表格中圖片的對齊問題時，一些開發者可能會遇到一些困難，特別是想要實現圖片與底部對齊。這里我們通過CSS來簡單地解決這個問題。
首先，在HTML頁面中我們可以通過
首先，在HTML頁面中我們可以通過
標簽構造表格，在表格中插入圖片。例如：
<table>
<tr>
<td><img src="pic1.png"></td>
<td><img src="pic2.png"></td>
</tr>
</table>
上述代碼中我們定義了一個表格，其中有兩個單元格分別插入了兩個圖片。但是，這種表格會出現一種比較常見的問題，那就是圖片與底部并不能對齊。
為了解決這個問題，我們可以使用CSS中的垂直對齊屬性vertical-align。我們可以將圖片的vertical-align屬性設置為bottom，如下所示：
<table>
<tr>
<td><img src="pic1.png" style="vertical-align: bottom;"></td>
<td><img src="pic2.png" style="vertical-align: bottom;"></td>
</tr>
</table>
這里我們將兩個圖片的樣式設置為vertical-align: bottom;，此時兩張圖片就能夠與底部對齊了。
總結起來，要實現CSS表格中圖片與底部對齊，只需要在圖片樣式中加入垂直對齊屬性vertical-align，值為bottom即可。我們可以在![]()
style屬性單獨設置每個圖片的垂直對齊樣式。下一篇css整數和小數大小