javascript - div之间的等距

Question

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

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

Answer 1

简单的！为他们辩护！（仅使用CSS）

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

这是一个示例： 演示页面

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%; }