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

Question

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

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

这就是我所指的。

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

我最好是每隔几个元素插入一个清晰的div，设置宽度并将容器居中，还是没有Java脚本有更好的方法呢？ 感谢您提供的所有帮助！

Answer 1

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