物化 CSS 面板图像答案

【问题标题】：Materialize CSS Panel Images物化 CSS 面板图像
【发布时间】：2015-10-09 01:44:03
【问题描述】：

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

如您所见，图像与下方的标题正确对齐，到目前为止我所做的是：

我怎么可能用物化 css 做到这一点？你可以在这里查看小提琴：https://jsfiddle.net/uj0ykqpq/1/

任何帮助将不胜感激。谢谢！

【问题讨论】：

检查这一点：首先，如果没有图像文件，所有图像文件的大小都相同。您可以编辑文件或将它们的容器宽度和高度设置为所需的大小。图像的第二个 CSS 包括 height: auto;宽度：100%；当我拿到笔记本电脑时，我会回到这个问题。呵呵，现在在公交车上。希望你能得到解决方案。

【解决方案1】：

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

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

【讨论】：