居中對齊一系列包裹圖像的正確方法是什麼？

Question

對不起，標題不好，但我無法弄清楚如何更清楚地說出來。我有一個div的一系列圖像：

<div class='container'> 
    <img src="1.jpg"> 
    <img src="2.jpg"> 
    <img src="3.jpg"> 
</div> 

我想，使圖像上浮對方旁邊，包裹，如果他們不適合。通常我會用浮動來實現這一點，但是......我希望他們能夠對齊「中心」。因此，如果容器寬於3張圖像，則它們將出現在同一行的div中居中，但如果容器更窄，則最後一個元素會翹曲，並位於其他兩個之下，等等。列表，浮動和邊距，我發現上述結構與這個CSS工作。

.container{ 
    text-align: center; 
} 

這是處理這個問題的正確方法嗎？我的CSS大腦的每個部分都告訴我，這與使用表格來佈局邊欄一樣糟糕，但是它是什麼？

謝謝！

Answer 1

這是處理這個問題的正確方法嗎？

基於提供的標記，是的，這是將一組內聯元素居中的正確方法。

text-align property描述了塊的內聯內容如何對齊。它不應該隻影響文本，並且在寫入CSS 1時命名不當。

Answer 2

其實我會爲你的解決方案，我看不出有什麼問題。