0

複数の div 要素をページの中央に配置しようとしています。ただし、一部は中央に配置する必要がないため、body 要素を使用することは除外しました。これを行うには、次の 3 つの方法があると考えました。

1 つ目はコンテナーを使用することですが、これは純粋なレイアウト スタイルの要素を追加するものであり、あまりセマンティックではありません。

<div id="notcentred">
<div id="container">
  <div id="centrediv1"></div>
  <div id="centrediv2"></div>
</div>

2 つ目は、中心クラスを作成し、中心に配置する必要がある各要素に単純に追加することです。

<div id="notcentred">
<div id="centrediv1" class="centre"></div>
<div id="centrediv2"class="centre"></div>

3 つ目は、中央の CSS を各 DIV の ID に追加することです。

<div id="notcentered">
<div id="centrediv1"></div>
<div id="centrediv2"></div>

管理が最も簡単で、最もセマンティックであるため、番号2が最適だと思いますが、私が知らないことがあれば、オプションを歓迎します。

前もって感謝します。

4

1 に答える 1

0

これは、クラスが設計された正確な用途です。したがって、実際には、理想主義的な CSS を使用する 3 番目のものは間違っています。最初の 2 つはまったく問題ありません。

ただし、すべての div を類似させたい場合は、一部をラッパー div に配置すると、他の設定のスタイルが難しくなる可能性があります。2 番目の方法では、中央に配置された div を中央に配置されていない div に分散させることがより簡単になります。2 番目の要素も少ないため、コードが読みやすくなります。

これを踏まえて、私は2番目をお勧めします。

于 2012-06-30T17:15:17.173 に答える