1. 当前位置:
  2. 首页
  3. »
  4. 教程
  5. »
  6. CSS transform位移属性的小技巧

CSS transform位移属性的小技巧

零分 3,156

transform,大多时候都是用来做层旋转,其实很多时候也可以用来垂直和水平的位移,比如要写图片居中,习惯性的定义父层的text-align:center;有时候对于图片,不是很好用,图文混合,文字需要居左对齐,图片需要居中对齐,这个时候可以配合transform:translateX(-50%);来实现图片居中

CSS transform位移属性的小技巧

在第二个图片上,添加了一个transform类,CSS如下

.transform{
	margin-left:50%;
	transform:translateX(-50%);
}

所以,在配合居中上,就可以很好的使用!

头像
支持作者
联系微信二维码
0%