Zurb foundation 如何在基础上形成均匀间隔的柱,其中第一个柱是空白的? 我想用基础创建3个均匀间隔的柱子。但是,第一列为空

Zurb foundation 如何在基础上形成均匀间隔的柱,其中第一个柱是空白的? 我想用基础创建3个均匀间隔的柱子。但是,第一列为空,zurb-foundation,Zurb Foundation,所以这是有效的 <div class="row panel"> <div class="small-4 columns"> <br> </div> <div class="small-4 columns text-center"> <img src="images/something.png"> </div> <div class="small-4 columns text-right"

所以这是有效的

<div class="row panel">
<div class="small-4 columns">
      <br>
</div>
<div class="small-4 columns text-center">
    <img src="images/something.png">
</div>
<div class="small-4 columns text-right">
    <h1>title</h1>
</div>
我不清楚end和Offset是如何工作的。但我肯定有办法让这更干净?i、 e.删除第一个“列div”

谢谢。

可以使用偏移,但不能使用结束来获得所需的布局。 在Boundation框架中最后一行中的最后一列被浮动到右边。如果您有未完成的行。当最后一列向右浮动时,列之间将留有空格。在这种情况下,您使用end,以便最后一列通过向左浮动堆叠到上一列的旁边

<div class="small-4 small-offset-4 columns">
    <img src="images/something.png">
</div>
<div class="small-4 columns text-right">
    <h1>title</h1>
</div>
第一个div标记意味着通过偏移四列来占用四列空间