http://cnratchet.com/examples/app-ios-mail/
top:50%;难道就能居中?
垂直居中呀,top:50%
只是把它偏移到父元素的50%处。
你仔细看下,会看到还有一个transform:translateY(-50%);
把自身移上去了,这样才能垂直居中。
具体可以学习汉堡大大的文章>>
ps:还是汉堡大大神速- -
还配合了
transform: translateY(-50%);
原理和常见的top: 50%; margin-top -定高/2;
一样,用top让顶部移到父容器一半,用另一个属性再往上移自身的一半。移动端有transform能用而已
2 回答894 阅读✓ 已解决
3 回答728 阅读✓ 已解决
4 回答1.2k 阅读✓ 已解决
2 回答1.3k 阅读✓ 已解决
2 回答1.1k 阅读✓ 已解决
2 回答2.6k 阅读
1 回答1.1k 阅读✓ 已解决
transform: translateY(-50%);
至于为什么,可以读一下这篇:http://segmentfault.com/blog/humphry/1190000000381042