CSS transform位移属性的小技巧
transform,大多时候都是用来做层旋转,其实很多时候也可以用来垂直和水平的位移,比如要写图片居中,习惯性的定义父层的text-align:center;有时候对于图片,不是很好用,图文混合,文字需要居左对齐,图片需要居中对齐,这个时候可以配合transform:translateX(-50%);来实现图片居中
在第二个图片上,添加了一个transform类,CSS如下
.transform{
margin-left:50%;
transform:translateX(-50%);
}
所以,在配合居中上,就可以很好的使用!