Zurb foundation ZURB基金会中心内容在网格中

我试图将图像水平居中放置在zurb列中，但这似乎是不可能的。我什么都试过了，到处都找遍了，但都没法用

这是我的密码：

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

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

---

谢谢

尝试添加中心类

.five.columns.centered

---

< P> <强> 2015年11月：< /强>在基础6中签出

---

< P> <强> 2014年4月：在基础5中签出。

---

原始答案：

使用文本中心类

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

源：

< P>使用基础4：

HTML:

---

<> P>在基础4中以图像为中心的唯一方法是改变显示：块；对于img而不是显示：内联块

只需添加类“文本中心”

我看不到类定义。我错过什么了吗？这不管用！这是网格元素的中心，而不是内容本身——请阅读这里的答案，因为它使用了现有的css样式。创建一个新类只会添加bloat、wonk、meh和filler。然后，我脑海中浮现出关于这个“文本中心”类的文档在哪里的问题。也许我只是错过了？+ 1，这是最好的答案，因为OP询问了基础，这个解决方案使用了一个内置的基础类。我不确定这是否是以前可用的。不管怎么说，我已经接受了这一个正确的答案。我是唯一一个不赞成这些实用程序类的人吗？添加

style=“text align:center”

有什么区别？@sroes没有区别。如果你暗示这不是语义上的，那么你是正确的。但是，最具响应性的框架也不是。

<div class="row">
    <div id="wrap-img" class="large-12 columns"><br />
        <img src="img_06.jpeg" alt="slide image">
    </div>
</div>

#wrap-img img { margin: 0 auto; }