将div与中心水平对齐的错误

时间:2016-05-08 17:23:24

标签: html css css3 alignment height

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

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

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

1 个答案:

答案 0 :(得分:2)

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