变宽高元素居中布局解决方法
时间：2023-04-05 18:10:57
HTML5
1.水平居中常用代码：html:parent
child
css:html,body{margin:0;宽度：100%；高度：100%；.parent{宽度：100%；高度：100%；背景：#fac3fa；.child{宽度：50%；高度：50%；背景：#fe9d38；text-align(parent)+inline-block(child)代码：css:.parent{text-align:center;.child{显示：内联块；}}选项2：块级元素+margin:0auto;.孩子{显示：块;//设置边距：0auto;对于非块级元素；方案三：absolute+transform.parent{position:absolute;左：50%；transform:translateX(-50%);}Option4:flex注：由于使用了flex，parent和
.parent{display:flex;justify-content:center;}2.垂直居中公码：html:
