方法1
#wrap{ position:绝对；宽度:300px高度:200pxtop:50%；左:50%；transform:translate(-50%，-50%)；背景:# 009688；}如果是下面这段代码，结果就是错的。
#wrap{ width:300px; height:200px; ***rgin-top:50%; ***rgin-left:50%; transform:translate(-50%,-50%) ; background:#009688; }
原因:
当边距设置为百分比时，它的右上左下值是通过参考父元素框的宽度来计算的。
方法2
使用直接弹性框布局，作用于父元素实现。
parent{ width:100%; height:100vh; display:flex; justify-content: center;//子元素水平居中 align-items: center;//子元素垂直居中
本文来自弑魂战神投稿，不代表舒华文档立场，如若转载，请注明出处：https://www.chinashuhua.cn/24/570285.html
微信扫一扫 支付宝扫一扫 作者:君哥前言:可能很多人都会遇到这个问题。天猫超市满88元包邮，刚好差几块钱。可能你不知道，JD.COM满199-100元后，做单1元可以叠加200-10全合一券，做单后再优惠10元。有疑问，不知道，那么这个指南会帮你购物更快更方便。让’走吧！技术预见:适用于大部分搜索引擎:
在地铁羊城通充值区，打开***屏幕上的“数字人民币”APP，调出支付二维码，点击终端的扫描窗口，即可完成充值；在商超里，市民购物、结账时向收银人员出示“数字人民币”APP内的二维码，即可享受满200减50的三重优惠，再叠加优惠券、优惠券；在旅游景点，市民在购买门票并用数
方法1#wrap{ position:绝对；宽度:300px高度:200pxtop:50%；左:50%；transform:translate(-50%，-50%)；背景:# 009688；}如果是下面这段代码，结果就是错的。#wrap{ width:300px; height:200px; ***rgin-top:50%; ***rgin-left:50%; transform:translate(-50%,-50%) ; backgr
新闻概述平台新闻1.天猫App新增了“数码收藏”专区。2.Tik Tok测试了“加速”交付，而a auto faster建立了一家快速交付供应链公司。3.淘宝增加了“商品不赔板子”的服务规范4.微信推出大图爆炸功能。电子商务通讯1.“乃雪的茶”增加了喝茶送虚拟股票的活动。2.Tik Tok音乐202
