2

ほとんどタイトル。

バックストーリー: 私は絶対配置に基づいて JavaScript でゲーム エンジンを設計しています。絶対配置座標自体が画像の中心にあるのか (これは素晴らしいことでしょう!)、それとも隅の 1 つにあるのかを知る必要がありますが、もしそうなら、どのコーナーですか？

左上隅だと思いますが、よくわかりません。

画像間の衝突を解決し、実際にゲーム内のオブジェクトに長方形以外の境界を与えることができるように、私は本当に知る必要があります。私は今いじくり回していますが、それは私に多くの時間を節約し、誰かが私に確実に知らせることができれば、より安全に感じるでしょう.

div に画像があり、div の style プロパティですべての css プロパティを設定しています (下、左、高さ、幅など)。

ありがとう！

4

2 に答える 2

3

とを設定しtopます...これは、絶対に配置している要素の上部と左側leftにどれだけのスペースを与えるかです。幅と高さを指定しない場合は、 and を使用して、これらのスタイル属性で指定したものを除くすべてのスペースを占めるようにすることができます。bottomright

これを説明するには、簡単なデモで十分なはずです...

絶対とは、本体の原点 (ページの左上隅) に対して絶対を意味することに注意してください。これに対する例外は、絶対配置要素の親要素が次の場合です。position: relativeこのデモを見る

于 2012-07-31T01:36:47.950 に答える
1

CSS ではleft、要素と親要素の左側の間の距離を意味します (例: <body>、または を持つ要素) position: relative。

他のものにも同じことが言えます。たとえばbottom、下端からどれだけ離れているかを意味します。

ただし、中心からのポジショニングを可能にする例を作成しました: http://jsfiddle.net/tbRfm/1/。

HTML:

<div class="wrapper">
    <div class="inner">
        Inner stuff here, or set a <code>background-image</code>.
    </div>
</div>

CSS:

.wrapper {
    position: relative;
    left: 200px;
    top: 100px;
    width: 100px;
    height: 100px;
}
.inner {
    position: absolute;
    width: 100px;
    height: 100px;
    right: 50px;
    bottom: 50px;
    background: #eee;
    text-align: center
}

これは、すべての IE バージョン (少なくとも、IE NetRendererでテストできるもの: IE5.5 - IE10) で機能します。

簡単なテスト:と の値を作成するleftと、ボックスは半分にカットオフされます: http://jsfiddle.net/tbRfm/3/。top.wrapper 0

于 2012-07-31T03:43:45.343 に答える