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

Question

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

我居中的方式是display: inline-block;
在底部对齐内容之前使用 Original：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 设置为固定宽度。然后我使用 jquery 对每个图像的宽度求和，并.width()在页面加载后手动设置。这行得通。