圖片的置中方法一。由於圖片是文字行元素，所以水平置中可以用 text-align:center。垂直置中的方法很多，下面使用的方法涵蓋了 IE6, Firefox, Safari, Chrome 等多種瀏覽器，參見 Centering (horizontally and vertically) an image in a box。這個方法的特點就是要在 IMG 元素 前加上文字行元素，例如 <i></i>，內容留空；然後在風格表中宣告此元素是 height:100%; display:inline-block。
圖片的置中方法二。水平置中使用 text-align:center。垂直置中將父元素的 line-height 設為 height，IMG 元素設為 vertical-align:middle；此法只能在 Firefox, Safari, Chrome 達成垂直置中；要在 IE6 達成垂直置中，還必須加上 margin:expression()。expression() 這行在個人電腦測試正常，可是移到部落格之後，會導致 IE6 停頓，所以用註解取消其功能；使用時請多測試。
| 水平與垂直置中（你正在看 第三頁） | : | 第一頁 | 第二頁 | 第三頁 | 第四頁 |
