居中对齐（position）

项目中的总结

方法一
position: absolute;
left:0;
right:0;
top:0;
bottom:0;
margin:auto;
方法二
position: absolute;
left:50%;
top:50%;
transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
方法三
width:100px;
height:100px;
position: absolute;
left:50%;
top:50%;
margin-left:-50px;
margin-top:-50px;
以上三种方法的父级必须position:relative;(当然它的parents级别的也是可以)；个人偏爱方法一哦
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML+CSS(47-72)
    问答题47 /72 常见浏览器兼容性问题与解决方案？ 参考答案 (1)浏览器兼容问题一：不同浏览器的标签默认的外补...
    _Yfling阅读 13,815评论 1赞 92
  • HTML+CSS摘要
    本课来自http://www.imooc.com/learn/9请不要用作商业用途。 HTML5 HTML介绍 H...
    PYLON阅读 3,321评论 0赞 5
  • BFC-float-position
    浮动定位 BFC 边距合并 浮动元素 div的顺序是HTML代码中div的顺序决定的。 浮动可以理解为让某个div...
    nianxiaoge阅读 734评论 0赞 0
  • 阿卡西记录案例分享一
    （2017年11月5日 晚8：30-9：40) 阅读方式：远程语音 阅读主题：西医建议打开脑颅是否需要采纳。 ...
    玥如阅读 621评论 0赞 0
  • 女性想承担重要的工作，别忘了这些
    今天看了本书叫《高端商务礼仪》，杨路著。 目前我承担了一些商务工作，虽然还没到大场面的时候，但是发现不懂点商务礼仪...
    每日一智阅读 422评论 0赞 1