我发现CSS中没有浮动中心,我有点失望。但是,我不禁问自己为什么。虽然很多人想用它来集中内容,但我希望用它来将一堆块浮动到动态页面大小的行上。不幸的是,没有浮动中心,它看起来很邋and,因为在一侧有额外的空间(整块不适合的任何部分)。令我感到遗憾的是,这个属性的遗失会对浮动物的预期用途造成伤害。
我看不出为什么没有浮动中心的原因,并且想知道是否有人有理由,无论是技术还是其他原因为什么浮动中心不包括在标准中。
答案 0 :(得分:8)
不使用float: left
,而是在各个元素上使用display: inline-block
并将其容器放在中心位置。
答案 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 设置为其父节点。