我有以下问题，我想知道它是否可以解决只是与CSS灵活框布局：我有多个相同宽度的框（div），我希望：
基本上：
[] [] [] [] [] [] [] [] []
无论justify-content的值是多少，我都希望有这样的行为。有可能吗？
justify-content
c9x0cxw01#
这可能不适用于所有的justify-content值，但它提供了所需的分隔。第一个
wa7juj8i2#
正如我在最初添加到您的问题的注解中所解释的，使用flex布局时，它基于文档流后的项大小，因此，如果您使用flex-basis属性（使用选择器仅寻址容器中的第一个子项）将其扩展到全宽，将影响其外观。让我们说你有自己的背景和边界的卡，它会螺丝的风格，如果你扩大其宽度的缘故，占据第一行所有本身。在这个演示中，为了展示如何让第一个元素占据第一行，我找到的唯一解决方案是只为第一个元素使用一个临时容器。这不是很优雅，但它确保了只有该容器会增长，而不会影响内部内容样式，但仍能提供预期的布局。
flex-basis
可能有更好的解决方案来解决这个问题，我可以看到有人回答与网格布局的建议，我也认为这将是一个更好的赌注。不幸的是，答案被删除的时候，我写这篇文章。
第一个
2条答案
按热度按时间c9x0cxw01#
这可能不适用于所有的justify-content值，但它提供了所需的分隔。
第一个
wa7juj8i2#
正如我在最初添加到您的问题的注解中所解释的，使用flex布局时，它基于文档流后的项大小，因此，如果您使用
flex-basis属性（使用选择器仅寻址容器中的第一个子项）将其扩展到全宽，将影响其外观。让我们说你有自己的背景和边界的卡，它会螺丝的风格，如果你扩大其宽度的缘故，占据第一行所有本身。
在这个演示中，为了展示如何让第一个元素占据第一行，我找到的唯一解决方案是只为第一个元素使用一个临时容器。这不是很优雅，但它确保了只有该容器会增长，而不会影响内部内容样式，但仍能提供预期的布局。
可能有更好的解决方案来解决这个问题，我可以看到有人回答与网格布局的建议，我也认为这将是一个更好的赌注。不幸的是，答案被删除的时候，我写这篇文章。
第一个