div之间的等间距边距

Question

假设您有一个带有 n 个浮动 div 的容器。如何自动使它们之间的空间（即外边距）相等？并且能够支持窗口大小调整事件。如有需要，可以使用 JQuery，但最好使用纯 html/css。 谢谢。

- Creativity Paralyze

---

我想你的意思是那些div应该适应它们的边距以填充容器？ - MaxArt

由于必须浮动，所以display:table不可能。无论如何，在JS中，只要您知道每行有多少个div，就很容易实现。因此，您可以获取容器的innerWidth()和每个div的innerWidth()，除以您设置的每行div数，然后计算每个div的margin。如果没有其他人回答，我回家后可以为您编写代码。无论如何，尝试阅读此答案，它可能会对您有所帮助：https://dev59.com/rWkv5IYBdhLWcg3wgRCc#10550660。 - RaphaelDDL

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

- vsync

---

我不明白为什么那么多设计师还在使用浮动元素。它们更像是麻烦而不是其他任何东西。 - MaxArt

太好了，也许我应该放弃使用浮点数。 - Creativity Paralyze

Answer 2

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

- Nathan