我试图垂直对齐图片顶部的h1标记。
我使用position:relative和top:50%并且我不理解为什么即使我使用top:50%它也没有垂直对齐它。
所以这次我添加了transform: translateY(-50%);，由于某种原因它现在垂直对齐。
有人可以向我解释translateY(-50%)的作用吗？
答案 0 :(得分：0)
首先，您需要了解相对位置。按照w3school＆＃34;有位置的元素：相对;相对于其正常位置定位。＆＃34; 因此，顶部，左侧等的百分比将不起作用。如果你在px中给它，即top：10px; 它将从当前位置获取位置。 以及关于translateY（）的问题; 根据w3school＆＃34; translate（）方法将元素从其当前位置移动到＃34; TraslateY（）将元素垂直向下移动，负值将其向上移动到顶部。 如需进一步阅读，请查看此链接http://www.w3schools.com/css/css3_2dtransforms.asp