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