垂直对齐 div 内的 img - 我的实时站点与 JSFiddle 不同?为什么?

Vertical align an img inside a div - My live site differs to JSFiddle? Why?

正在尝试垂直对齐 div 中的 img。设法在 JSFiddle 中完成,但无法在实时页面上运行。

我假设我遗漏了一些明显的东西,但感谢任何帮助。

.partner_box {
  height: 100px;
  line-height: 100px;
}

.partner_box img {
  vertical-align: middle;
}

Fiddle: https://jsfiddle.net/dvpr_learner/dx7uek55/

实时页面(不工作): http://f4d.co.uk/test

您可以尝试使用 <!DOCTYPE html> 而不是您现在在 Live 站点上使用的过渡文档类型,看看是否会有所不同。


Live 站点似乎缺少 Fiddle 中存在的选择器。尝试将此添加到您的实时页面的 CSS.

.partner_box img {
    vertical-align: middle;
    width: 100%;
}