css - Zurb Foundation 6 Column Center 不起作用

Question

我尝试在 Zurb Foundation 6 中将一行中的一列居中。

我使用以下默认类:small-6 小中心列，但在 ChromeDevTool 中，我注意到 .columns:last-child:not(: first-child) 覆盖 .small-centered.columns 的 float 。

当我插入多列时，除了最后一列之外，一切正常。 这是基金会的错误吗？

JSFiddle

Answer 1

不，这不是 Foundation 中的错误，这是预期的行为。如果你看http://foundation.zurb.com/sites/docs/grid.html#incomplete-rows它描述了他们这样做的原因。

如果您想覆盖此行为，这很容易。只需添加此 css 即可覆盖 float 。

.columns:last-child:not(:first-child) {
  float:none;
}