使用display显示div的内容：table-cell用于底部对齐

Question

我正在尝试创建一个居中的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。看来这两种解决方案是不相容的。

Answer 1

如果div可以是固定宽度：

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

Answer 2

我最终将css设置为固定宽度，正如Chris所建议的那样。然后我使用jquery对每个图像的宽度求和，并在页面加载后手动设置.width()。这很有效。