
程式是直接寫在主體程式內這樣沒有問題!

但是因為這一塊是很多頁都要用到的,所以想把它改成是獨立一隻程式,然後讓每隻要用的程式再去 include 就好,所已改寫如下:

但是結果卻發生如下圖中,兩個圖片竟不會對齊了!

真是怪了,我到 google 上找了幾下,終於了解是因為 UTF-8 的 檔首有 BOM 字元,會造成 include 進來後就發生多空一行的情形 !
因我使用的 edit 是 Notepad++,只要將格式改存成 UTF-8 格式,檔首無 BOM 存檔檔後就恢復未用 include 前的排版效果了 !