今天寫前端的時候，在HTML表格裡使用如下命令設定垂直方向的居中對齊：

 <td align="center" valign="middle" colspan="5"><h2>所有圖書資訊</h2></td>

執行結果顯示如下：

因為表頭一行已經設定了valign屬性為middle，所以以為結果應該是垂直居中的，不知道為什麼”所有圖書資訊“這個二級標題是貼緊表格頂端的。查了半天百度和Google也無解，於是我在DreamWeaver中編輯了一下，發現生成的表格沒有問題，突然想到是不是瀏覽器本身的問題（我的電腦預設瀏覽器是Google Chrome）。於是，我用IE瀏覽器試了一下，發現沒有問題，果然是Google瀏覽器自身的問題！雷死我了！！！ 

接著，我把表頭一行的高度設為100，把valign屬性值分別設為middle和bottom，然後在谷歌瀏覽器裡分別執行對比了一下效果：

果然，當td的height達到一定值，才能看出valign屬性為middle和bottom時的差別！

我在Microsoft Edge瀏覽器和IE瀏覽器裡重新運行了一下之前未經修改的程式碼，發現沒有問題。看來不同瀏覽器之間確實不一樣啊，小白受教了ㅠㅠ.

 <td align="center" valign="middle" colspan="5"><h2>所有圖書資訊</h2></td>