html - Flexbox justify-content 不起作用（孩子右侧的奇怪额外边距）

Question

对不起，如果这是一个愚蠢的问题，但我正在撕扯我的头发，因为我不明白为什么这不能正常工作。我的代码的基础如下：

.row {
    border: 2px solid goldenrod;
    display: flex;
    justify-content: center;
}

.one_half {
    width: 50%;
    border: 2px solid green;
}

现在，这在一个虚拟页面中工作得非常好，但我试图将它合并到一个 Wordpress 模板页面中，由于某种原因，每个孩子的右边有 10-15px 的边距，我似乎无法移动。我已经尝试在发生冲突等情况下更改类名，但我无法让它让步。只是试图让所有东西都将两个盒子填充到最大孩子的最大高度（在这种情况下是图像）并将所有东西居中，将页面拆分为 50/50。

HTML如下：

<div class="row">
  <div class="one_half">
    Left Side
  </div>
  <div class="one_half">
    Right Side
  </div>
</div>

标签： htmlcssflexbox