6

要素を「祖父母」の端に揃える必要があります。

コードの例を次に示します。

<div id='grandparent'>
  <div class='parent' style='display:inline-block'>
    <div class='child'></div>
  </div>
  <div class='parent' style='display:inline-block'>
    <div class='child'></div>
  </div>
  <div class='parent' style='display:inline-block'>
    <div class='child'></div>
  </div>
  <div class='parent' style='display:inline-block'>
    <div class='child'></div>
  </div>
</div>

したがって、.parent 要素は #grandparent 要素の幅に応じてインラインに配置されます。各 .child 要素を #grandparent の左端に配置する必要があります。

javascriptなしでこれが可能になる可能性はありますか?

4

1 に答える 1

5

親要素に相対位置を割り当て、子要素に絶対位置を割り当てます。次に、子要素の上、左、下、右のプロパティ (祖父母の境界に関連する) を使用して、目的の効果を取得します。

于 2013-04-09T18:04:14.700 に答える