为了账号安全,请及时绑定邮箱和手机立即绑定

已知宽高设置垂直居中

设置margin-top为 其负的高度的一半是什么意思,不理解

正在回答

2 回答

因为在网页中元素的默认定位都是在左上角,所以当为某元素设置 margin-top: 50%; 之后,并不代表该元素的位置在相对元素的y坐标居中对齐,还要向上偏移自身高度的一半。

http://img1.sycdn.imooc.com//60e3fe5a00012cbf03400269.jpg

http://img1.sycdn.imooc.com//60e3fe5a0001485403530392.jpg

http://img1.sycdn.imooc.com//60e3fe5b0001eb3803020346.jpg

 

3 回复 有任何疑惑可以回复我~
#1

qq_慕移动2452305

向上偏移自身一半的代码 transform: translateY(-50%);
2021-07-06 回复 有任何疑惑可以回复我~

自身高度是一百,则负的高度的一半则是-50所以margin-top:-50px;

1 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

已知宽高设置垂直居中

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信