Search

3/12/2010

css vertical centering

1. 對大部分的瀏覽器而言 display: table-cell; vertical-align:middle 就可以了,不過ie6/ie7不行,

2. 如果只有一行文字要置中的話,用line-height = [container的高度] 就可以了,不過這樣只能對一行的有效

3. 如果裡面高度固定的話,用position:absolute; top:50%; margin-top: [-1*高度/2],不過這樣高度未知的情形就沒有用
ref
[1] http://www.brunildo.org/test/img_center.html
[2] http://www.brunildo.org/test/vertmiddle.html
[3] http://blog.themeforest.net/tutorials/vertical-centering-with-css/

沒有留言: