基礎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>