ブラウザの表示(ビューポート)で中央に配置したい<div>
があるとします。そのためには、<div>
の要素の幅と高さを計算する必要があります。
どのようにすればよいでしょうか?また、ブラウザの互換性についても教えてください。
*注)*******************。この回答は2008年に書かれたものです。当時、多くの人にとって最良のクロスブラウザソリューションは、本当にjQueryを使用することでした。もしあなたがjQueryを使用しているのであれば、この回答は良い方法です。もしあなたが他のフレームワークや純粋なJavaScriptを使用しているのであれば、おそらく受け入れられた答えが良いでしょう。
jQuery 1.2.6では、コアとなるCSS関数のうち、height
とwidth
(または、適宜outerHeight
とouterWidth
)を使用することができます。
var height = $("#myDiv").height();
var width = $("#myDiv").width();
var docHeight = $(document).height();
var docWidth = $(document).width();