ほとんどのテーブルで十分だったので、CSS の Display 属性はあまり使用していませんが、Xbox ダッシュボードを再作成して HTML をもう一度練習することにしました。ダッシュボードにはいくつかのセルの大きさの特定のセルがあるため、これはテーブルには適していないと思います。div タグがますます使用されているため、それらを使って練習する必要があると感じています。
ただし、これにより、セルを他の側に配置する方法が残ります。たとえば、左側に2つ、両方の側に1つの大きなセルがあります。どうすればこれを行うことができますか? 私は inline-block の表示属性と、異なるセルを持つ他の負荷の組み合わせを試しましたが、成功しませんでした。これまでのところ、私のコードは次のとおりです。
<div style="width: 50px; height: 50px; background-color:red;"></div>
<div style="width: 50px; height: 50px; background-color:green;"></div>
<div style="width: 100px; height: 100px; background-color:blue;"></div>