将div居中在向右浮动的div和向左浮动的div之间

我有一个页面,其中页眉由三个div组成-一个浮动在左侧,一个浮动在右侧,以及一个在它们之间。我希望该中心div居中,但遗憾的float:

center是不存在,我不能只是将其浮动到左侧并添加填充,因为它必须根据窗口大小进行更改。

有什么简单的我可以忽略的吗?还是我会怎么做?

此外,我想找到一种方法将中间div居中于div 之间的空间 中,以防看起来更好。

回答:

如果您有两个浮动div,那么您知道边距。问题是float:rightdiv应该放在中间div之前。因此,基本上您将拥有:

左浮| 右浮| 居中

现在,讨论一下边距:通常您可以使用margin:0auto,对吗?问题是,现在您知道边距的值:浮动div!因此,您只需要使用:

margin:0 right-floated-width 0 left-floated-width

那应该工作。

多年以后

同时,一个新的玩具出现了:flexbox。支持[相当不错](即,如果您不需要支持低于IE10的支持),并且易用性超过了浮动。

您可以在这里看到一个非常好的flexbox指南。您需要的示例就在这里

以上是 将div居中在向右浮动的div和向左浮动的div之间 的全部内容, 来源链接: utcz.com/qa/422368.html

回到顶部