你如何居中浮动的元素溢出？

Question

所以我在容器内部有大量浮动元素，溢出设置为auto。这些元素（取决于屏幕大小）几乎总是溢出到下一行，但是，我希望能够使父div居中，这样这些元素将始终在页面中居中。容器是屏幕宽度的100％。

哦，为了让事情变得有趣：浮动元素的大小......可能会发生变化。

Here's what I'm referring to.

有很多很棒的解决方案，我发现必须处理一行浮动元素，但我几乎不会处理那么少的项目。我几乎每次都会溢出到下一行，这就是为什么这些方法不起作用的原因。

我是否最好每隔几个元素插入清晰的div，设置容器的宽度和居中，或者没有Javascript有更好的方法吗？感谢您的帮助！

Answer 1

您应该可以使用CSS修复此问题。在容器div上放置一个宽度，并为其添加margin: 0 auto;。我在你的页面上发现它的宽度为1000px。问题是如果你使用100％的宽度，你无法控制你的浮动div中有多少适合一行，以及何时它会换行，因为你不知道viwer的窗口大小。如果设置固定宽度，则可以控制每行中适合的框数。