我发现 CSS 中没有浮动中心，我有点失望。然而，我忍不住问自己为什么。虽然很多人想用它来使内容居中，但我希望用它来将一堆块浮动到动态页面大小的行中。不幸的是，没有浮动中心，它看起来很草率，因为一侧有额外的空间（整个块的任何部分都不适合）。令我难过的是，浮动的预期用途因缺少此属性而受到损害。
我看不出为什么没有浮动中心的原因，并且想知道是否有人有原因，无论是技术原因还是其他原因，为什么浮动中心未包含在标准中。
问问题
52739 次
4 回答
11
而不是 using float: left，而是display: inline-block在单个元素上使用并将其容器居中。
于 2013-03-11T03:58:24.680 回答
4
是的，没有浮动中心/中间，W3C 可能有答案。
有<center>标签但不再有。
自 HTML 4 起，该
<center>标签已被弃用，使用它会产生一些不同的问题。以 HTML 为中心的元素在不同浏览器中的显示方式可能不同，使用标签可以增加页面加载时间。此外，大量使用会使您的网站重新设计复杂化——删除数百个标签比更改样式表中的一个样式规则需要更长的时间。该标签在很多很多年前就被正式弃用了，但大多数浏览器仍然通过它们的向后兼容特性来识别它。所以，是的，如果你有什么东西，它会居中。但是，为了适应未来，您应该改用现代 CSS 居中方法。
采用margin:0 auto;
如果您将其他内容居中，则 margin: 0 auto; 大多数时候会让你的元素居中。（快速说明：你的元素必须有一个声明的宽度才能工作。）
边距：0 自动；rule 是 0 上下边距和自动左右边距的简写。自动左右边距协同工作，将元素推入其容器的中心。
于 2013-03-11T03:40:25.377 回答
3
没有浮动中心，因为浮动将元素从内容流中取出并将它们放置在尽可能左/右的位置。自己漂浮只会让东西侧向移动。最后一部分不是 100%，但我认为它与印刷有关。我知道花车的想法来自印刷行业。
于 2013-03-11T03:58:28.293 回答
1
如果要使内容居中：
1. 设置 css 属性display: inline-block或inline到每个内容项。
2. 将 css 属性text-align:center设置为其父节点。
于 2019-07-04T10:27:34.830 回答