まんまタイトルの通りですが、jQueryで縦横のセンタリングの方法を。
（普通、横はCSSでやっちゃうと思うので、実質縦方向の中央寄せのやり方の説明です）
function reposition() {
var top = ($(“body”).outerHeight() – 500) / 2;
var left = ($(“body”).outerWidth() – 1000) / 2;
$(“.common”).css(“top”,top+”px”).css(“left”,left+”px”);
}
縦×横＝500×1000の場合の例です。
ついでに言うと、commonの親要素にはposition:relative;、common自体にはposition:absolute;の指定がそれぞれ必要です。
使えるシーンは限られますが、横長の箱みたいなレイアウトなら十分使えるんじゃないかと思います。
このブログで関連すると思われる他の投稿
- Newer: FLASHの上にHTML要素を被せる【Dreamweaver】
- Older: 高層ビルから世界を思う
Comments:0
Trackbacks:0
- Trackback URL for this entry
- http://watalucky.com/2010/04/23/jquery%e3%81%a7%e7%b8%a6%e6%a8%aa%e3%81%ae%e3%82%bb%e3%83%b3%e3%82%bf%e3%83%aa%e3%83%b3%e3%82%b0/trackback/
- Listed below are links to weblogs that reference
- jQueryで縦横のセンタリング from watalucky.com