Css 两个具有固定宽度的div在父div中需要等距间隔

我在另一个父div中有两个div（其固定宽度为150px），其宽度根据浏览器宽度而变化

我想将两个子div放置在父div中，这样两个子div之间的边距将等于父div和子div边缘之间的边距

红色箭头始终具有相等长度的示例：

---

编辑：您可以按照我最初的建议做，但现在添加

#leftwrapper, #rightwrapper { text-align: center; }
#childdiv1, #childdiv2 { display: inline-block; }

内联块，而不是块，并且您不需要子div的边距

如果这不起作用，而这可能不会起作用，那么在不使用表的情况下，可能很难实现您想要实现的目标

您必须创建两个新的div包装器

你有吗

#parentdiv { display: block; width: 100%; }
#leftwrapper { display: inline-block; width: 50%; }
#rightwrapper { display: inline-block; width: 50%; }
#childdiv1 { display: block; margin: 0 auto; }
#childdiv2 { display: block; margin: 0 auto; }

html就像

<div id="parentdiv">
    <div id="leftwrapper">
        <div id="childdiv1">your stuff</div>
    </div>
    <div id="rightwrapper">
        <div id="childdiv2">your stuff</div>
    </div>
</div>

你的东西
你的东西
谢谢，我已经尝试过了，但是这会导致中间空间比两边大，我需要所有的空间相等。是的，这不起作用，因为这也会破坏两个孩子的文本。在这个例子中，你能建议如何使用一个表吗？谢谢=）