Css 只有当里面甚至有项目时,我如何才能集中我的内容

Css 只有当里面甚至有项目时,我如何才能集中我的内容,css,bootstrap-4,Css,Bootstrap 4,我已经创建了这个代码笔 我有一行,里面有三列。但我正在动态创建这些列。有时列的数量可能是偶数或奇数 当他们是甚至他们看起来很好 但是当它们像第一个例子一样奇怪时,第三列在第一行的中间,看起来很难看。我怎样才能防止这种情况发生 如何检测行中是否有奇数列,以使该行成为默认行-flex start而不是justify content-因此在我的情况下,整行将居中,但 第三列将在第一列下?您可能需要将类更改为在 <div class="container"> &l

我已经创建了这个代码笔

我有一行,里面有三列。但我正在动态创建这些列。有时列的数量可能是偶数或奇数

当他们是甚至他们看起来很好

但是当它们像第一个例子一样奇怪时,第三列在第一行的中间,看起来很难看。我怎样才能防止这种情况发生

如何检测行中是否有奇数列,以使该行成为默认行-flex start而不是justify content-因此在我的情况下,整行将居中,但
第三列将在第一列下

您可能需要将类更改为

<div class="container">
  <div class="row justify-content-between">
    <div class="col-md-6 red">1</div>
    <div class="col-md-6 red">2</div>
    <div class="col-md-6 red">3</div>
  </div>
</div>

1.
2.
3.

中删除资源中心。那么这个看起来不错。这是您需要的吗?不,当我有偶数元素时,我需要调整资源中心,但当我有奇数元素时,我不需要该类。我可以知道为什么您需要
调整资源中心
以调整偶数元素?以使行中的内容居中吗?我解释说,当有奇怪的元素时,中间的第三个元素看起来很难看。