围绕另一个浮动 div 布局环绕 divs
Wrap divs around another floating div layout
我一直在尝试解决我正在尝试做的布局。我将展示我正在尝试做的基本布局：
好的，我所做的是将红色块作为 float: left div，将黑色块作为 display: block div 的另一部分包含许多 display: inline-block。我的问题是它看起来和我想要的很相似，但是正如漂亮的图所示，右边有 space 可以用于某些分辨率，我在想也许我可以将所有东西水平居中，但它是真的没有我想的那么简单
也许我正在尝试使用错误的“工具”，你认为这应该用 grid 之类的东西来完成吗？
我一直在尝试寻找符合我想要的东西，但我没有运气。在此先感谢您的帮助:)
编辑
按照设计，黑色 divs 有一个固定的宽度，我不能改变那个宽度，这个屏幕应该能够显示输入的任何数量的 divs，所以在这种情况下我们有 3 个黑色 divs 但它可以显示 2、4，具体取决于屏幕，但特定的绘图是为了说明它不能显示 4 的情况，并在右侧留下一个巨大的白色 space，因此需要使部分水平居中。
想象一下，向 Whosebug 发布一个问题并解决所有这些问题，使 block div 包含黑色 divs text-align: center; 并修复它。
这就是我所做的并且工作得非常有魅力<3
我一直在尝试解决我正在尝试做的布局。我将展示我正在尝试做的基本布局：
好的，我所做的是将红色块作为 float: left div，将黑色块作为 display: block div 的另一部分包含许多 display: inline-block。我的问题是它看起来和我想要的很相似，但是正如漂亮的图所示，右边有 space 可以用于某些分辨率，我在想也许我可以将所有东西水平居中，但它是真的没有我想的那么简单
也许我正在尝试使用错误的“工具”，你认为这应该用 grid 之类的东西来完成吗？
我一直在尝试寻找符合我想要的东西，但我没有运气。在此先感谢您的帮助:)
编辑 按照设计，黑色 divs 有一个固定的宽度，我不能改变那个宽度，这个屏幕应该能够显示输入的任何数量的 divs，所以在这种情况下我们有 3 个黑色 divs 但它可以显示 2、4，具体取决于屏幕，但特定的绘图是为了说明它不能显示 4 的情况，并在右侧留下一个巨大的白色 space，因此需要使部分水平居中。
想象一下，向 Whosebug 发布一个问题并解决所有这些问题，使 block div 包含黑色 divs text-align: center; 并修复它。
这就是我所做的并且工作得非常有魅力<3