Sass 基础4中心只在小屏幕上对齐 新使用ZURB基金会，从4版开始，我找不到让网格在小屏幕上与中心对齐的方法，然后返回到大屏幕上的默认网格。有没有提供基础4的本机类可以做到这一点？

我已经看了他们的文档，其中演示了类“以小为中心”和“以大为中心”，它们可以按预期的方式工作，但有一句话是这样说的

如果不被大版本覆盖，小版本将执行所有断点

对我来说，这听起来像是我需要创建一个类来覆盖大型显示器上“小中心”的“中心对齐”类，或者存在一个类——我找不到这个类

下面是我正在测试的一些示例代码：

<div class="row">
    <div class="large-2 columns">
        <span>text</span>
    </div>
    <div class="large-6 columns">
        <span>text</span>
    </div>
    <div class="large-4 columns">
        <span>text</span>
    </div>
</div>

文本
文本
文本

网格系统按预期和预期运行，但我希望所有三列仅在小屏幕上居中对齐

---

如果我确实需要创建自己的类和样式，是否有人知道社区可能提供的SCS已经解决了这个问题？

您需要签出CSS文件并搜索仅用于小屏幕的MediaQuery，然后为该特定列添加属性。

您需要签出CSS文件并搜索仅用于小屏幕的MediaQuery，然后添加该特定列的属性。

不能使用基础非语义类来实现。

您必须手动执行，并且（希望）在语义上：

---

不能用基础非语义类来实现。

您必须手动执行，并且（希望）在语义上：

---

事实证明，这是不支持开箱即用的。不过，有一个简单的解决办法，就是按照我在评论中的建议添加覆盖

@media only screen and (min-width: 48em) {
    .column.large-left,
    .columns.large-left { 
        float: left !important; 
    }        
}

---

注意

em

的使用，这是做事的基本标准方式。这应该解决以smal为中心的问题。然后，只需将该类添加到任何不希望居中的

小元素中即可。您可以。
事实证明，这是不支持开箱即用的。不过，有一个简单的解决办法，就是按照我在评论中的建议添加覆盖

@media only screen and (min-width: 48em) {
    .column.large-left,
    .columns.large-left { 
        float: left !important; 
    }        
}

注意
em
的使用，这是做事的基本标准方式。这应该解决以smal为中心的问题。然后，只需将该类添加到任何不希望居中的
小元素中即可。你可以。
你想让所有三列在一行上居中对齐吗？旁注：我用SCSS标记了这篇文章，但它默认为SASS。我知道它们基本上是一样的，但有什么原因不能被标记为SCSS吗？@vonv。是的，每个“列”都应该在小屏幕上堆叠并居中对齐。这是的自动标记功能。SCSS=SAAS。这很有趣，我没有尝试过，我不认为这是内置的。您可能必须覆盖它。这值得一看源代码。当我发现一些东西时，将更新您。您希望所有三列在一行上居中对齐吗？旁注：我用SCSS标记了这篇文章，但它默认为SASS。我知道它们基本上是一样的，但有什么原因不能被标记为SCSS吗？@vonv。是的，每个“列”都应该在小屏幕上堆叠并居中对齐。这是的自动标记功能。SCSS=SAAS。这很有趣，我没有尝试过，我不认为这是内置的。您可能必须覆盖它。这值得一看源代码。当我发现一些东西时，我会更新你。是的，我看了源代码，但找不到任何符合逻辑命名的东西。也许这个特性不存在，你必须为特定的媒体查询添加新的css属性。我现在没有基础CSS文件，但是我知道有MeaMaWaRes，你可以使用它们来为每个分辨率/设备/类型做不同的样式。YEA查看源代码，但是找不到任何逻辑上命名的东西来满足目的。也许这个特性不存在，你必须为特定的媒体查询添加新的css属性。我现在没有基础CSS文件，但我知道有MeaMaWaRes，你可以使用它们来为每个分辨率/设备/类型做不同的样式。谢谢@ VoV。这很有效。感谢你花在这上面的时间，并提供一个遵循基础标准的工作范例。谢谢@ VNOV。这很有效。感谢你花在这上面的时间，并提供一个遵循基础标准的工作范例。