基金会中心组列

Question

有没有办法在Foundation中连续排列一组不均匀的列数？由于不均匀性，我不知道如何使用提供的偏移选项实现这一点，因为偏移量必须是非整数。

下图说明了我想要实现的目标。共有6个单列div，其中5个在整行中居，与第一列的偏移量为2.5列。

Answer 1

这个解决方案在基金会方面略显不正统，但您的设计需要非正统的解决方案。

首先在CSS中为该行添加一半右边的填充宽度; 1列= 8.3333％宽度，因此该填充应为4.1666％。

接下来给第一列右边距也为4.1666％。

现在给第二列一个2列的偏移量，你应该在那里（最后一列也需要类结束，使其与前一列左对齐）。

<div class="column first-column">...</div>
<div class="column large-1 large-offset-2">...</div>
...[other columns]...
<div class="column end">...</div>

.row { padding-right: 4.1666%; }
.first-column { margin-right: 4.1666%; !important}

您可能需要！重要的是这些不寻常的边距和填充（我无法记住）以覆盖边缘的基础设置：列上的0 - 尝试！重要如果这些填充和边距不是没有它的工作）。 （注意：我从基础5开始工作，我没有使用早期版本）。