html - 将一个 div 在向右浮动的 div 和向左浮动的 div 之间居中

Question

我有一个页面，其中的页眉由三个 div 组成 - 一个向左浮动，一个向右浮动，一个在它们之间。我希望中央 div 居中，但遗憾的是 float: center 不存在，我不能只是将它 float 到左侧并添加填充，因为它必须根据需要更改在窗口大小上。

我忽略了一些简单的事情吗？或者我该怎么做？

更新:
此外，我想找到一种使中间 div 在 div 之间的空间 居中的方法，以防看起来更好。

Answer 1

如果您有两个 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 .