javascript - 你如何使溢出的 float 元素居中？

Question

因此，我在溢出设置为自动的容器内有大量 float 元素。这些元素(取决于屏幕大小)几乎总是会溢出到下一行，但是，我希望能够将父 div 居中，以便这些元素始终在页面中居中。容器占屏幕宽度的 100%。

哦，让事情变得有趣: float 元素的大小...可能会发生变化。

Here's what I'm referring to.

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

我是最好每隔几个元素插入一个清晰的 div，设置宽度并使容器居中，还是有没有更好的方法在没有 Javascript 的情况下做到这一点？感谢您提供的所有帮助!

Answer 1

您应该可以使用 CSS 解决此问题。在您的容器 div 上放置一个宽度，并向其添加一个 margin: 0 auto;。我在您的页面上发现它适用于 1000 像素的宽度。问题是如果您使用 100% 的宽度，您将无法控制一行中有多少个 float div，以及何时换行，因为您不知道 viwer 的窗口大小。如果您设置固定宽度，您可以控制每行可容纳多少个框。