使用 Foundation 在单行中居中多个 div

Question

我将 Foundation 用于 CMS 中的 Web 项目。有一个列数为 3 的内容元素。根据 CMS 中的数据，元素的数量是可变的。让我们假设 3 或任何其他奇数。我怎样才能在不完全脱离 Foundation 的情况下将它们排成一行？

Answer 1

为半列偏移写了我自己的 sass。成功了。

@media only screen and (min-width: 64.0625em) {
    .large_offset_0_5 {
        margin-left: 100/24 *1%;
    }
    .large_offset_1_5 {
        margin-left: 100/24 * 3%;
    }
    .large_offset_2_5 {
        margin-left: 100/24 * 5%;
    }
    .large_offset_3_5 {
        margin-left: 100/24 * 7%;
    }
    .large_offset_4_5 {
        margin-left: 100/24 * 9%;
    }
}
@media only screen and (min-width: 40.0625em) {
    .medium_offset_0_5 {
        margin-left: 100/24 *1%;
    }
    .medium_offset_1_5 {
        margin-left: 100/24 * 3%;
    }
    .medium_offset_2_5 {
        margin-left: 100/24 * 5%;
    }
    .medium_offset_3_5 {
        margin-left: 100/24 * 7%;
    }
    .medium_offset_4_5 {
        margin-left: 100/24 * 9%;
    }
}

使用 Foundation 在单行中居中多个 div

center multiple divs in single row using Foundation

html

css

responsive-design

zurb-foundation