div之间的差额相等

Question

假设您在容器中有n个浮动 div。你如何自动地让它们之间的空间（边距）相等？它应该支持窗口调整大小事件。

如果需要我可以使用JQuery，但我宁愿它是纯html / css。 感谢

Answer 1

轻松！为他们辩护！ （仅使用 CSS ）

注意：不要漂浮它们，浮动是你在很多情况下应该做的最后一件事。

这是一个例子： DEMO PAGE

HTML

<ul>
    <li>item 1</li>
    <li>item 2</li>
    <li>another item</li>
    <li>and another</li>
</ul>

CSS

ul{ width:100%; text-align:justify; }
ul::after{ content:''; display:inline-block; width:100%; }
  ul li{ display:inline-block; }

Answer 2

div { float: left; margin-left: 5%; }