css - 显示 : table-cell causing firefox and opera to ignore max-width and max-height properties

Question

如果您愿意，请转至 http://debourg-dev.ch/syselcloud/erp-rh/你会看到在 firefox 和 opera 中图像没有使用 max-height 属性。这是因为我使用 display:table-cell 来垂直对齐它们，如果我删除 display:table-cell 它工作正常。我怎样才能将这些图像与 display: table-cell 垂直对齐，并让 firefox 和 opera 使用正确的最大高度值？

相关代码是:

.partenaire-logo-wrap {
height: 110px;
text-align: center;
vertical-align: middle;
display: table-cell;
}

.partenaire-logo-wrap img {
max-height: 90px;
}

谢谢

Answer 1

.partenaire-logo-wrap img {
max-height: 90px;
-moz-height:90px;
-o-height:90px;
}

如果您想查看这篇文章，我会从这里获取此信息

Max-height ignored in Firefox, works in Chrome and Safari