divs之间的等量差额

Question

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

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

Answer 1

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

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

下面是一个例子：演示页

​

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