图片居中transform和margin的关系

大前端 图片居中 transform margin
发布时间 :
字数:68 阅读 : 评论:
  1. 图片居中transform和margin的用法
    1. 1.transfrom是相对自己本身的宽度进行居中
    2. 2.margin是相对其父元素的宽度进行移动

图片居中transform和margin的用法

1.transfrom是相对自己本身的宽度进行居中

  • transfrom: -50%
  • 表示向左移动自己本身的一半*

    2.margin是相对其父元素的宽度进行移动

  • margin-left: -50%;
  • 移动相对父元素的一半*
转载请注明来源，欢迎对文章中的引用来源进行考证，欢迎指出任何有错误或不够清晰的表达。可以在下面评论区评论，也可以邮件至 1371769065@qq.com

赏

文章标题:图片居中transform和margin的关系

字数:68

本文作者:一叶知秋

发布时间:2020-07-09, 22:39:53

最后更新:2020-07-09, 22:45:30

原始链接:http://yoursite.com/2020/07/09/fontend/%E5%9B%BE%E7%89%87%E5%B1%85%E4%B8%ADtransform%E5%92%8Cmargin%E7%9A%84%E5%85%B3%E7%B3%BB/

版权声明: "署名-非商用-相同方式共享 4.0" 转载请保留原文链接及作者。

©2019-2020 一叶知秋

Built with Hexo and 3-hexo theme

×

喜欢就点赞,疼爱就打赏

相册 github