html - div内で「セル間隔」を設定するにはどうすればよいですか?

Question

div 内に多くの div があるとします。

<div id="#container">
 div div div div
</div>

内側の div を隣り合わせにすることもできます。のように、すべての間に 5px のパディングが必要cellspacingですtable。

Answer 1

あなたは次のようなことをします：

 #container div
 {
     margin: 0px 5px 5px 0px;
 }

または直系の子のみ:

 #container > div
 {
     margin: 0px 5px 5px 0px;
 }

div を並べて表示する場合は、それらをフロートする必要があります。

 #container div
 {
     float:left;
     clear:none;
     margin: 0px 5px 5px 0px;
 }

Answer 2

そのためには CSS を使用する必要があります。

<div id="container">
   <div style="padding:5px 5px 0 0;">
   </div>
   <div style="padding:5px 5px 0 0;">
   </div>
</div>

基本的に、HTML のすべての要素は、インライン css (上記のように) を使用して、または CSS 構文を使用して別のスタイルシートで配置およびスタイル設定できます。

この場合、パディングは要素のコンテンツ内に 5 ピクセルのスペースがあることを意味し、マージンは境界の外側に 5 ピクセルのスペースがあることを意味します。

Answer 3

#container div {
  margin: 0px 5px 5px 0px;
}

Answer 4

この場合、パディングまたはマージンのいずれかを使用できます。

ただし、div の境界線が表示されている場合は、マージンを使用してください。そうしないと、セル間隔のように見えません。