基础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股利？它适用于那些额外的空divs，但我真的不喜欢添加空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> 

有没有更好的方法来做到这一点？

Answer 1

只需添加类 '结束' 到最后一列

<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 end">CONTENT</div> 
 
</div>