jquery - Div水平中心NO絶対

Question

少し問題があります。

他のdiv内に、画像であるいくつかの要素のコンテナdivがあります。何かのようなもの：

<div id="container">
    <div id="draggable">
        <img src="something">
    </div>
</div>

コンテナを垂直方向に中央に配置する必要がありますが、上部を使用できません。-healfHeight; マージントップ：50％; その場合、jqueryuiドラッグは機能しません。それで、どうすればこれを解決できるかについての他のアイデアはありますか？:(

score 1 · Accepted Answer

親コンテナをに設定し、position: relative中央に配置する要素をに設定してみてくださいmargin: auto。

score 0 · Accepted Answer

var wh = $(window).height();
var ch = $('#container').height();
var mt = (wh - ch) / 2;
$('#container').css('margin-top', mt)

score 0 · Accepted Answer

jqueryのポジショニングがどのように機能するかはわかりませんが、CSSを使用したこれらのdivでのポジショニングのみが回答に含まれている場合は、次のようになります。

コンテナをdivposition：absolute;にします。トップ：50％; 左：50％;

次に、「ドラッグ可能な」divには次の位置付けが必要です。position：relative; top :(-divの全高の半分）; 左:(-divの幅の半分）;

たとえば、ドラッグ可能なdivが100px x 100pxの場合、上部は-50px、左側は-50pxになります。

score 0 · Accepted Answer

<div id="container">
    <div id="draggable">
        <img src="something">
    </div>
</div>

親の幅がドラッグ可能な要素よりも広いことを確認してから、次を試してください。

#draggable{display:block;margin:0 auto}

編集、申し訳ありませんが、垂直方向の中央に配置する必要があることに気付きました。

試す：

#container{display:table-cell}
#draggable{vertical-align:middle}

4 に答える 4