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

时间:2013-03-11 03:24:45

标签: css css-float

我发现CSS中没有浮动中心,我有点失望。但是,我不禁问自己为什么。虽然很多人想用它来集中内容,但我希望用它来将一堆块浮动到动态页面大小的行上。不幸的是,没有浮动中心,它看起来很邋and,因为在一侧有额外的空间(整块不适合的任何部分)。令我感到遗憾的是,这个属性的遗失会对浮动物的预期用途造成伤害。

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

4 个答案:

答案 0 :(得分:8)

不使用float: left,而是在各个元素上使用display: inline-block并将其容器放在中心位置。

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

答案 1 :(得分:3)

是的,没有浮动中心/中间,W3C可能有答案。

<center>个标签,但不再有。

  

自HTML 4起,<center>标记已弃用,使用它会创建一个   几个不同的问题。 HTML中心元素可以以不同方式显示   在不同的浏览器中,使用标签可以增加页面   加载时间。此外,大量使用会使您的网站复杂化   重新设计 - 删除数百个标签需要花费更长的时间   在样式表中更改一个样式规则。

     

许多年前,该标签已被正式弃用,但是   它仍然被大多数浏览器通过他们的认可   向后兼容功能。所以,是的,如果你有事,   它会集中在一起。但是,为了将来证明你的利益    应该使用现代的CSS中心   方法改为。

使用margin:0 auto;

如果你的中心是其他东西,保证金:0自动;会在大多数时间让你的元素居中。 (快速注意:您的元素必须具有声明的宽度才能生效。)

  

保证金:0自动;规则是0上下边距的简写,并且   自动左右边距。自动左右边距   共同努力将元素推入其容器的中心。

答案 2 :(得分:3)

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

答案 3 :(得分:0)

如果您想将内容居中:
1.将CSS属性设置为每个内容项 display:inline-block inline
2.将css属性 text-align:center 设置为其父节点。