CSS 未知宽高 盒子 居中显示的几种方法

方法一：

父盒子给 position：relative；

盒子给 position：absolute；top：0；right：0；bottom：0；left：0；margin：auto；

方法二：

父盒子给 position：relative；

盒子给 position：absolute；top：50%；left：50%；transform：translate（-50%，-50%）；

方法三：

父盒子给 display: flex;align-items: center;justify-content: center;

方法四：

父盒子给 display: table-cell;vertical-align: middle;text-align: center;

盒子给 display: inline-block;

 

posted on 2018-07-16 17:16 周亚文 阅读(…) 评论(…) 编辑 收藏

版权声明：本文为Abelard0709原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/Abelard0709/p/9318729.html