当前位置: 首页 » 教程 » CSS transform位移属性的小技巧

CSS transform位移属性的小技巧

零分教程2,7362022-08-17 22:26

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

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

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

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

END
零分站龄17年资深站长
一个喜欢折腾,却又折腾不出像样东西的,不会PHP的PHP程序员!
2517
文章
13
分类
3818
标签
3
友链
onlinelovesky317355746vipsever@vip.qq.com