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

Question

我在另一个父div中有两个div（其固定宽度为150px），它具有不断变化的宽度，具体取决于浏览器宽度。

我想将两个子div放在父级中，因此两个div之间的边距将等于父div和子div之间的边距。

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

Answer 1

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

#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>