基础6，空列

Question

我想让我的专栏看起来像这样：

| CONTENT | CONTENT | CONTENT | CONTENT | EMPTY | EMPTY |

所以我这样创建了它：

<div class="row">
  <div class="columns medium-4 large-2">CONTENT</div>
  <div class="columns medium-4 large-2">CONTENT</div>
  <div class="columns medium-4 large-2">CONTENT</div>
  <div class="columns medium-4 large-2">CONTENT</div>
</div>

但最后一列被拉到右边：

| CONTENT | CONTENT | CONTENT | EMPTY | EMPTY | CONTENT |

因此，为了避免这种情况，我应该将这两个额外的空列添加到row目录中吗？它适用于那些额外的空div，但我真的不喜欢添加空div的想法。即使添加一个空的div也会阻止向右浮动。

<div class="row">
  <div class="columns medium-4 large-2">CONTENT</div>
  <div class="columns medium-4 large-2">CONTENT</div>
  <div class="columns medium-4 large-2">CONTENT</div>
  <div class="columns medium-4 large-2">CONTENT</div>
  <div></div>
</div>

有没有更好的方法呢？