4 个回答

垂直居中呀,top:50%只是把它偏移到父元素的50%处。
你仔细看下,会看到还有一个transform:translateY(-50%);把自身移上去了,这样才能垂直居中。
具体可以学习汉堡大大的文章>>
ps:还是汉堡大大神速- -

还配合了

transform: translateY(-50%);

原理和常见的top: 50%; margin-top -定高/2; 一样,用top让顶部移到父容器一半,用另一个属性再往上移自身的一半。移动端有transform能用而已

float:right;margin-top:一个特定的数值

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题