.box { width: 100px; height: 300px; display: inline-block; margin-right: 10px; background-color: #f0f0f0; }
上面这段代码定义了一个名为.box的样式,其中width和height属性规定了格子的大小,display: inline-block将多个.box元素水平排列,并且在多个元素之间留出10像素的间距。同时,background-color为每个格子设置了背景色,使其更容易区分。
上面这段代码则展示了如何在HTML中使用.box样式创建三个格子。这三个格子将在同一行中水平排列,每个格子的高度都为300像素,宽度为100像素。
通过使用以上CSS和HTML代码,就能轻松实现一格占三行的布局效果。