javascript - div之间的等边距

Question

假设您在容器中有 n 个 float div。您如何自动使它们之间的空间(边距)相等？它应该支持窗口调整大小事件。

如果需要，我可以使用 JQuery，但我更希望它是纯 html/css。 谢谢

Answer 1

简单!为他们辩护! (仅使用 CSS)

注意:不要 float 它们，在许多情况下， float 是您应该做的最后一件事。

举个例子: 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; }