如何让不知宽高的div居中?

1. 父元素{ position:relative;}

   子元素{ position:absolute; top:0; left:0; bottom:0;right:0; margin:auto;}

2. 父元素{ position:relative;}

    子元素{ position:absolute; left:50%;top:50%; transform: translateX(-50%) translateY(-50%);}

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 文章
    七彩飞泡阅读 141评论 0 0
  • 往生路的两旁是黑暗,穿着白衣的引路人打着白灯笼走在最前方,数不清的魂魄沿着光芒向前走,前往轮回之地。每个失去生命的...
    疯子不哭阅读 502评论 0 2
  • 这个世界每个人的志趣和爱好,包括先天的禀赋都是不一样的,林黛玉喜欢读书,也基于以下几个因素: 一是林黛玉的家庭环境...
    冰珊醉红楼阅读 3,860评论 41 68
  • 对于疾病,你急也没用,急会只会雪上加霜。我对于疾病,永远是既来之则安之。 这可能与我从小多灾多难,百病缠身有一定关...
    A寒秋阅读 564评论 19 15