zurb 基金会中心网格中的内容

我试图将图像水平居中到 zurb 列中，但这似乎不可能。我尝试了一切，到处搜索，但我无法让它工作。

这是我的代码：

<div class="row">
    <div class="twelve columns"><br />
        <img src="img_06.jpeg" alt="slide image">
    </div>
</div>

目前，横向图像可以在 12 列网格上显示，但是当出现纵向图像时，它会出现在网格的左侧。如果我给它 25% 的填充，它就会到达中心，但我使用 php 从文件夹中提取所有图像并动态生成代码，所以我不能在所有图像上设置 25% 的填充（横向缩小）。

Thanks

2015 年 11 月编辑：在 Foundation 6 中查看排版助手 http://foundation.zurb.com/sites/docs/typography-helpers.html

2014 年 4 月编辑：在 Foundation 5 中查看实用类 http://foundation.zurb.com/docs/utility-classes.html.

原答案：

使用文本中心类。

<div class="row">
    <div class="twelve columns text-center"><br />
        <img src="img_06.jpeg" alt="slide image">
    </div>
</div>

Source: https://github.com/zurb/foundation/pull/224 https://github.com/zurb/foundation/pull/224