柔性父母离婚中，如何将孩子离婚中心化？[重复]

Question

这个问题在这里已经有了答案:

针对最后一行或特定行的弹性项目。 (5个答案)

封闭 上月.

我有一个叫做预设页的html页面。这个页面包含了不同的（子）divs，我很难把这些divs放在容器（父）div的中心。这些预设divs目前在flexbox中。如果这个问题已经被回答过了，请原谅，我在htmlcss中的元素居中方面真的很糟糕。

目前看起来是这样的 这个.

我希望它看起来有点像 这个.

我试着用 justify-content: center 但我怎样才能使最后一行向左偏右对齐，看起来就像 这个?

这里是HTML。

<div class="presets-container">
  {% for presets in presets_list %}
  <div class="preset">
    <div class="container">
      <div class="row" id="header">
        <div class="col-7">
          <h1>{{ presets.preset_name|hide_preset_suffix }}</h1>
        </div>
        <div class="col-5">
          <div class="options">
              <div style="cursor:pointer;" class="button pr_edit" id="{{ 'load,'|create_id:forloop.counter }}" onclick="loadPreset(this.id)">LOAD</div>
              <div style="cursor:pointer;" class="button pr_edit" id="{{ 'delete,'|create_id:forloop.counter }}" onclick="deletePreset(this.id)">DELETE</div>
          </div>
        </div>
      </div>
    </div>
  </div>
{% endfor %}
</div>

这是预设容器的CSS。

.presets-container{
  background-color: pink;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

Answer 1

你可以使用 justify-content: center

Answer 2

添加 justify-content: center 和 align-items: center 归属母公司

.presets-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background-color: pink;
  justify-content: center;
}

Answer 3

只要加一个 div 在...之下 presets-container 再用 justify-content: center 在 presets-container