【发布时间】：2021-03-02 02:35:06
【问题描述】：
我一直在尝试解决我正在尝试做的布局。我将展示我正在尝试做的基本布局：
好的，我所做的是将红色块作为float: left div，将黑色块作为display: block div 的另一部分包含许多display: inline-block。我的问题是它看起来和我想要的很相似，但是作为漂亮的绘图显示，右边有空间可以用于某些分辨率，我在想也许我可以水平居中所有东西，但这并不那么容易和我想的一样。
也许我正在尝试使用错误的“工具”，您认为应该使用grid 之类的东西来完成吗？
我一直在尝试寻找与我想要的东西相匹配的东西，但我没有运气。提前感谢您的帮助:)
编辑 按照设计，黑色 div 具有固定宽度，我无法更改该宽度，这个屏幕应该能够显示输入的任何数量的 div，所以在这种情况下，我们有 3 个黑色 div，但它可以显示 2、4，具体取决于屏幕，但特定的绘图是为了说明它无法显示 4 并在右侧留下巨大空白的情况，因此需要将部分水平居中。
【问题讨论】：
-
您是否尝试过更改每个 div 的宽度值？如果您有四个间距相等的 div，您可以使用
width: 25%;以便 div 响应浏览器窗口大小。 -
这不是一个坏主意，但问题是这些 div 在设计上具有固定宽度，我无法更改它们，我不需要 4 个项目，但它可以显示的数量（在更大或更小的显示会破坏）[将此详细信息添加到问题中]