首先给想要居中的元素设置绝对定位,其父元素设置相对定位。
然后,方法一:top,left,right,bottom都设置为0,margin:auto,即可在父元素中水平垂直居中。
方法二:top,left都设置为50%,然后transform:translate(-50%,-50%),如果其他地方也用到了transform并且设置transition容易误伤这里。
本文共 234 字,大约阅读时间需要 1 分钟。
首先给想要居中的元素设置绝对定位,其父元素设置相对定位。
然后,方法一:top,left,right,bottom都设置为0,margin:auto,即可在父元素中水平垂直居中。
方法二:top,left都设置为50%,然后transform:translate(-50%,-50%),如果其他地方也用到了transform并且设置transition容易误伤这里。
转载于:https://www.cnblogs.com/qdog/p/6883559.html