属性
transform:translate(X轴移动距离,Y轴移动距离)
取值
像素单位数值
百分比
正负均可
技巧
translate()只写一个值,表示沿着X轴移动
单独设置X或Y轴移动距离,translateX()或translateY()
实现绝对定位元素居中
进行绝对定位对元素进行居中处理时,需要减去自身尺寸的一半,transform:translate(-50%,-50%);很好的避免了这一繁琐操作
属性
transform:translate(X轴移动距离,Y轴移动距离)
取值
像素单位数值
百分比
正负均可
技巧
translate()只写一个值,表示沿着X轴移动
单独设置X或Y轴移动距离,translateX()或translateY()
实现绝对定位元素居中
进行绝对定位对元素进行居中处理时,需要减去自身尺寸的一半,transform:translate(-50%,-50%);很好的避免了这一繁琐操作