我并没有真正使用过 CSS 的 Display 属性,因为大多数表格已经足够了,但是在决定通过尝试重新创建 Xbox 仪表板再次练习 HTML 之后。因为仪表板有一些单元格是几个单元格大,我不认为这是一个很好的表格应用程序,因为 div 标签被越来越多地使用,我觉得我应该用它们练习。
然而,这让我知道如何对齐其他人一侧的单元格,例如左侧两个单元格和两个旁边的一个大单元格,我该怎么做?我已经尝试了 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>