Question

我想使用Foundation创建3个均匀间隔的列。然而，第一列是空白的。

所以这有效..

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

我不清楚＆＃34;结束＆＃34;和＆＃34;抵消＆＃34;工作。（docs）但我确定有一种方法可以使这个更干净吗？即删除第一个＆＃39;列div＆＃39;？

感谢。

Answer 1

可以使用

Offset，但end不能用于获取所需的布局。 end - 在基础框架中行的最后一列浮动到右边。如果你有未完成的row.you将留在列之间的空格，因为最后一列浮动到右边 - 这种情况下你使用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标签意味着通过四列的偏移占据四列空间。

如何在Foundation中创建均匀间隔的列，第一个列为空白？

1 个答案: