次のコードがあります
<div id="main">
<div id="one"> </div>
<div id="two"> </div>
<div id="three"> </div>
<div id="four"> </div>
</div>
以下のように中央の 4 div を揃える必要があります。各側に等しいスペースを維持します (上部スペース = 下部スペースと右側スペース = 左スペース)。
______________________________________
| |
| ________ ________ |
| | || | |
| | one || two | |
| | || | |
| |________||________| |
| ________ ________ |
| | || | |
| | three || four | |
| | || | |
| |________||________| |
| |
|____________________________________|
4 つの div が等間隔に配置されています。css スニペットを使ってここで私を助けてくれる人はいますか? また、これについて多くの質問が寄せられていますが、これを修正することはできません。誰かが div 配置に関連するすべての概念を完全に説明する便利なリンクを教えてもらえますか?
(皆さん、これが重複していることはわかっていますが、グーグルでぐるぐる回っているだけなので助けてください。)
前もって感謝します :)