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