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

CSS transform位移属性的小技巧

  • 零分
  • 3,050

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

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

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

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

声明:博客中如无特殊说明或标注的文章均为博客原创文章,部分文章来源互联网,如有侵犯您的版权,或者对零分博客发布的文章有异议,请来信告知删除、修改,如您有好的建议或者意见也可以来信,谢谢!

请TA喝杯水^_^ 如本文“对您有用”,欢迎随意打赏,让我们坚持创作! 请TA喝水