Css img垂直对齐在色盒内不起作用

我在父对象中使用了“线高度”属性，在子对象中使用了“垂直对齐”：

<div style="height:500px; line-height:500px">
  <img src="someimage.jpg" style="vertical-align:middle" />
</div>

它在body标签内工作，但当我尝试将该内容放在颜色框内时，图像会与顶部对齐，在绝对定位元素、浮动元素或其他元素中是否存在此规则的限制

如果有人知道一种更好的方法来垂直居中图像而不是顶部：50%，我会很感激

谢谢

您可以使用display:table单元格，但您必须使用另一个div以这种方式包装图像：

<div style="display: table-row; height: 500px;">
 <div style="display: table-cell; vertical-align: middle;">
  <img src="someimage.jpg"/>
 </div>
</div>

---

在比较了每一个单独的样式后，我删除了de colobox css，但它并没有解决问题，所以我认为它应该与HTML相关。最后，我将DOCTYPE从transitional更改为RDFa，它成功了

使用一些开发人员工具查看此时的计算/计算CSS是什么。您可能在其他地方有另一种样式，浏览器认为该样式具有更高的优先级，从而导致替代。Firebug和类似的东西会告诉你一个特定的样式指令从哪里来，哪一个是有效的。谢谢，我这么做了，在比较了每一个样式之后，我删除了de-colobox css，但它没有解决问题，所以我认为它应该与HTML相关。最后，我将DOCTYPE从transitional更改为RDFa，它成功了！！