3

現在、css / jqueryを使用してポップアップボックススクリプトを作成していますが、すべての場合でdivを画面の中央に配置できないようです。div幅を知らなくても中央に配置することは可能ですか？

ここにすべてのコードを投稿する代わりに、 http： //goo.gl/N45cpにライブの例を掲載しました

どんな種類の助けも大歓迎です！

よろしくジョン

4

2 に答える 2

7 
<div id="wrapper">
    <div id="child"></div>
</div>

の位置が#childでない場合absoluteは、左右の余白をauto次のように設定できます。

#child {
   margin: 0 auto;
}

または、ポジションがのabsolute場合は、次のことを試すことができます。

$("#child").css("left", function(){
    return ($("#wrapper").width() - $(this).width()) / 2;
});
于 2012-05-06T13:55:36.437 に答える
4

divが含まれている場合は、純粋なCSSでこれを実現できます。

HTML

​&lt;div id="outer">
    <div id="inner">some content here</div>
</div>

CSS

​body, html, div#outer { height:100%; }
div#outer { text-align:center; }
div#inner { display:inline-block; }

http://jsfiddle.net/NjZbW/

</ p>

于 2012-05-06T13:59:23.843 に答える