绝对定位实现居中

1.已知盒子的宽高

.box{
   position: absolute;
    left:50%;
    top:50%;
    width: 100px;
    height: 100px;
    margin-left: -50px;
    marigin-top: -50px;
}

2.未知盒子的宽高

.box{
   position: absolute;
    left:50%;
    top:50%;
    transform : translate(-50%,-50%);
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • 小楼一夜听春雨
    烟雨里的楼台，雨雾风屏，古今有关雨的佳句名作，可是不少。雨总是带来浪漫也带来生机，形为无根之水，却滋润万物。 ...
    素婧阅读 4,531评论 0赞 2
  • 成功的公式
    真正的智慧？没有穷尽。 成功就是坚持了你以为对的事，恰巧这个事也是对的，达到了你想要的目标。这里面人们会更看中坚持...
    邢铭阅读 2,750评论 0赞 0
  • 10.19-292反思
    哈，没什么烦恼的。 乐观，学习健康，计划，执行，阅读。 慢慢才领悟和做到这些事情。 破而后立，废而后成。 开始真正...
    良辰美LiangChen阅读 1,482评论 0赞 0
  • 供你读了四年大学，是让你回来给我当保姆的？
    大学毕业后，我考入了一个七八线城市的小公务员，城市很小很闲。根本容纳不下我远大的理想和抱负。 但是呢我太年轻又很懒...
    一棵小树苗阅读 2,286评论 0赞 0