Materialise CSS 面板图像

Question

我正在使用 materialize CSS 框架制作自己的作品集，但遇到了一些问题。我正在尝试完成这样的事情：

如您所见，图片与其下方的说明文字正确对齐，到目前为止我所取得的成就是：

我怎么可能用 materialize css 做到这一点？您可以在此处查看 fiddle：https://jsfiddle.net/uj0ykqpq/1/

如有任何帮助，我们将不胜感激。谢谢！

Answer 1

您可以为图像分配固定高度并对齐标题，使用 text-align: center 我添加了一个新的 class 这样它就不会影响卡片面板中的其他图像。

.technologies .col img {
    height: 100px;
}
.technologies .col {
    text-align: center;
}

Updated JSfiddle