transform: translate(-50%, 50%)
以上属性,元素会以自身的左上角为原点,往上往左分别移动自身长宽的50%,以使其居于中心位置。
与负的margin-left和margin-top实现居中不同,margin-left和margin-top必须知道自身的宽高,而translate可以在不知道宽高的情况下进行居中。
转载于:https://www.cnblogs.com/xjy20170907/p/11237702.html