Css 在固定高度块中垂直对齐图像

我正在尝试在固定高度块中底部对齐图像：

div { float: left; width: 100px; height: 100px; line-height: 100px; }
div img { vertical-align: middle; }

…适用于现代浏览器，IE除外！这不奇怪，但如果可能的话，我真的需要修复

编辑添加：不能使用表格或背景图像

---

非常感谢

尽管我很痛苦地说出来，但冒着被纯粹主义者画成四等分的风险，以一种普遍兼容的方式垂直对齐某些东西最可靠的方法是使用一个表

table {
    float: left; 
    width: 100px; 
    height: 100px; 
    line-height: 100px;
}

<table cellspacing="0" cellpadding="0">
    <tr>
        <td align="center" valign="bottom"><img src="foo.jpg" /></td>
    </tr>
</table>

表格{
浮动：左；
宽度：100px；
高度：100px；
线高：100px；
}

最简单的方法是在DIV style=“background:url（…）no repeat center bottom”中使用，而不是IMG标记。

为什么不能只定位：相对分割、定位：绝对和底部/左侧属性

---

或者将其位置切换到内联块并四处播放。

我现在找不到它，但我看到一些东西将元素定位在50%（顶部），然后给它一个负的顶部边距-50%

---

显然，只是为了垂直对齐…

不，谢谢，我已经知道该方法，但我不能将该方法的表格放在其他有效的xhtml严格布局中。我也知道该方法，但不能在这里使用背景图像。图像的大小总是一样的，还是动态的？啊哈，我通常使用这种方法，不知道为什么我没有想到这一点。谢谢！：-）啊，现在上面的下拉菜单隐藏在这些图像后面。Z指数似乎没有任何影响-（看一个例子可以帮助你解决堆垛顺序的两难问题。你可能没有考虑到父母的立场，尽管不看任何东西很难判断。想象一下你自己处在我的位置。