垂直对齐 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%;
}
正在尝试垂直对齐 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%;
}