2009/02/24

水平與垂直置中 第一頁

有時 你需要將 一段文字 或 一張圖片 放在 矩形格子(box)的 中央,以達到 均衡美感。此練習探討不同的 置中方法。各種方法 都各有 優缺點,尤其是 不同的 瀏覽器 會呈現 不同的 結果。請慎選 最適合 你的網頁的方法。

使用 TABLE 置中。最簡單的 置中方法 是用 TABLE 元素,在其中的 TD 元素 宣告 text-align:center。vertical-align:middle 為預設值,所以可以免宣告。

也可以將 文字 置中。

水平與垂直置中(你正在看 第一頁) : 第一頁 第二頁 第三頁 第四頁