平面转换

在网页中，也有一些需要移动的东西，这时我们可以使用CSS中的平面转换的相关内容。

平面转换言简意赅就是在一个平面上对一个东西进行转换，既然是平面，那么我们猜一下在平面上能干嘛呢？

 

第一：上下移动

上下移动就是比较简单，属性名+属性值

属性名：transform

属性值：translate（*），向右移动；translate（*，*），向右和下移动；如果不连写的话，可以使用translateX（正数向右移动，负数向左移动），translateY（正数向下移动，负数向上移动），如果不写像素，也可以写百分比（参照自身高宽）

 

 

 

扩展，我们在前学习绝对定位的时候，可以使用绝对定位设置水平或者垂直居中！那时需要设置的东西是：这里就有个问题，一般需要居中的元素高宽并不是一个偶数，这是我们可以使用平面转换中的transform水平移动

 

标签：转换,transform,高宽,平面,移动,属性
来源： https://www.cnblogs.com/camboy/p/16519797.html