为什么 CSS 中没有浮动中心？

Question

我发现 CSS 中没有浮动中心，我有点失望。然而，我忍不住问自己为什么。虽然很多人想用它来使内容居中，但我希望用它来将一堆块浮动到动态页面大小的行中。不幸的是，没有浮动中心，它看起来很草率，因为一侧有额外的空间（整个块的任何部分都不适合）。令我难过的是，浮动的预期用途因缺少此属性而受到损害。

我看不出为什么没有浮动中心的原因，并且想知道是否有人有原因，无论是技术原因还是其他原因，为什么浮动中心未包含在标准中。

原文由 Kevin Cox 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

没有浮动中心，因为浮动将元素从内容流中取出并将它们放置在尽可能左/右的位置。自己漂浮只会让东西侧向移动。最后一部分不是 100%，但我认为它与印刷有关。我知道花车的想法来自印刷行业。

原文由 albert 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

不要使用 float: left ，而是在单个元素上使用 display: inline-block 并将它们的容器居中。

http://jsfiddle.net/ExplosionPIlls/rAkNY/5/

原文由 Explosion Pills 发布，翻译遵循 CC BY-SA 3.0 许可协议