div中心顯示內容：用於底部對齊的表格單元

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

我最終的CSS設置爲一個固定的寬度，由克里斯的建議。然後，我使用jquery來總結每個圖像的寬度，並在加載頁面後手動設置.width()。這工作。

Answer 2

如果DIV可以是一個固定的寬度：

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