我有一个页面,其中页眉由三个div组成-一个浮动在左侧,一个浮动在右侧,以及一个在它们之间。我希望该中心div居中,但遗憾的float: center是不存在,我不能只是将其浮动到左侧并添加填充,因为它必须根据窗口大小进行更改。
float: center
有什么简单的我可以忽略的吗?还是我会怎么做?
更新: 此外,我想找到一种方法将中间div居中于div 之间的空间 中,以防看起来更好。
如果您有两个浮动div,那么您知道边距。问题是float:rightdiv应该放在中间div之前。因此,基本上您将拥有:
float:right
左浮| 右浮| 居中
现在,讨论一下边距:通常您可以使用margin:0auto,对吗?问题是,现在您知道边距的值:浮动div!因此,您只需要使用:
margin:0auto
margin:0 right-floated-width 0 left-floated-width
那应该工作。
同时,一个新的玩具出现了:flexbox。支持[相当不错](即,如果您不需要支持低于IE10的支持),并且易用性超过了浮动。
您可以在这里看到一个非常好的flexbox指南。您需要的示例就在这里