html - 将一系列包装图像居中对齐的正确方法是什么？

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属性 描述了块的内联内容如何对齐。它不应该只影响文本，并且在编写 CSS 1 时命名不佳。

Answer 2

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