html - 带有显示的div居中内容:用于底部对齐的表格单元

我正在尝试创建一个居中的div，该div（一些图像）的内容底部对齐。内容的底部对齐已经是我已经解决的棘手问题（使用HTML image bottom alignment inside DIV container）。但是，解决方案删除了​​div的居中。

我居中的方式是使用display: inline-block;
原始内容，在底部对齐之前：
http://jsfiddle.net/5NuBD/

底部对齐的修复程序正在添加
display: table-cell;vertical-align: bottom;
新增内容，底部对齐的内容不再居中：
http://jsfiddle.net/KurpZ/

我正在寻找一个也底部对齐的居中div。看来这两种解决方案是不兼容的。

最佳答案

如果div可以是固定宽度：

#wrapper {
    text-align:center;
    margin: 0 auto;
    width: 230px;
}