为什么
4
736 position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);能起到居中的效果
这里不应该相互抵消掉了相当于没有布局么
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
收藏
top left是相对于外层第一个包含relative的元素，transform相对于自己。如果要支持很多游览器，不要忘记给transform加其他前缀哦！
一楼正解，top,left跟根据父元素的宽和高偏移的，而transform: translate(-50%, -50%);是根据自身的宽高偏移的。
哟西,这个写法高端，以前我要居中是top:50%,left:50%;margin-top:-$(this).height()/2;margin-left:-$(this).width()/2；也就是还要计算元素的宽和高的一半，现在方便了，哈哈