中心对齐一系列包装图像的正确方法是什么？

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

实际上我会找你的解决方案，我看不出有什么问题。