0

既知のx、y座標を持つドラッグ可能な子がたくさんある親ボックスがあります。問題は、子を左上隅ではなく中央に配置することです。子ボクセンのサイズは自動です。

親と子のサイズ変更ごとにJavaScriptの位置を再計算せずに、それを達成する方法はありますか?

ここに画像の説明を入力

PS jquery-ui にはプラグイン 'position' があり、like を使用するときにほとんど必要なことを行います

child.position({ my: center, at: left top, of: parent, offset: x y})

しかし、プラグインはピクセル単位で位置を計算します。親のサイズ変更がすべての子の再配置を伴わないように、% を使用したいと思います。

4

1 に答える 1

1

デッドセンターが使えます。

CSS:

#horizon        
{
    color: white;
    background-color: transparent;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 0px;
    width: 100%;
    height: 1px;
    overflow: visible;
    visibility: visible;
    display: block
}

#content    
{
    font-family: Verdana, Geneva, Arial, sans-serif;
    background-color: transparent;
    margin-left: -125px;
    position: absolute;
    top: -35px;
    left: 50%;
    width: 250px;
    height: 70px;
    visibility: visible
}

デモ: http://www.wpdfd.com/editorial/thebox/deadcentre4.html

于 2012-07-05T10:18:16.210 に答える