【问题标题】:Bug with aligning div to center horizontal将 div 对齐到水平居中的错误
【发布时间】:2016-05-09 02:08:34
【问题描述】:

我尝试使用这种方式使 div 居中: div 高度为:35.3em margin-top : calc(50% - (35.3em / 2))

当我玩浏览器的宽度时会发生该错误,div 以某种方式改变了他的水平位置

我网站的网址:http://cherry-rocks.herokuapp.com

【问题讨论】:

  • 如果你愿意使用flexbox,可以将父div设置为“display: flex”,将子div设置为“margin: auto”,始终完美居中。
  • 谢谢!为我工作
  • 太棒了! :) 我也将此作为真实答案发布,因此您可以标记它。

标签: html css alignment height


【解决方案1】:

当您使用相对定位时,您也可以使用 top 而不是 margin-top 来明确地将元素定位到中心。如果您愿意使用 flexbox,请在父级上使用 top: calc(50% - (35.3em / 2)) 而不是 margin-top 或 display: flex,在子级上使用 margin: auto

【讨论】:

    猜你喜欢
    • 2016-09-15
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-01-05
    • 1970-01-01
    • 1970-01-01
    • 2013-04-16
    相关资源
    最近更新 更多