我有一个项目,它基本上分为两层。底部的层有一个大型SVG对象,其中包含大量不同的路径。上面的层是一个小的SVG对象,我希望它保持完全居中。底层的CSS位置是绝对的,顶层是固定的。顶部SVG";"种类";保持居中,但例如,如果我在Safari浏览器上更改缩放,则在某些情况下会丢失居中效果。网页设计中有生命周期方法吗?无论何时视口发生任何更改,我都可以调用一个方法吗?该方法可以允许我动态地重新定位顶层SVG设计,并使其在任何情况下都保持完全居中
PS:我希望最终将这个项目转移到React Native上(我对此一无所知(,如果你想迁移到基于移动的平台,网页设计规则是否相关?对代码的缺乏表示歉意,感谢您的阅读
将这两行放在style.css中指定的div类中。
display: block;
margin: auto;
然后试着运行它,你会看到。svg在中心对齐。
或如果我的剂量不起作用,请检查这个