摘要:讓 div 裡面的內容置中
要讓 Div 裡面的內容置中可能會有下列方式 :
(1) 使用 center 標籤
(2) 使用 text-align
(3) 使用 absolute
下面將會有些許範例以及各方式的優缺點
* Center 標籤已在 Html 4.01 deprecated , 而且 html 5 並不支援
可參考連結
* 使用 Text-align :
* 使用 absolute :
但是使用 absolute 的情況 , 是必須使用 left 與 top
來控制位置 , 但是有時候我們會非常希望範例中的 inner 必須放在 outer div 裡面 ...
例如 outer 可能是一個背景 , 而 inner 可能是一個裡面的一個物件 ...
而且考慮到眾多瀏覽器的因素 , 有時這會是我不太想採取的方式
參考資源 :
How do i float a div to the center?
