如何实现图片居中显示？ - WXOPEN Club

<scroll-view scroll-y="true">

</scroll-view>

我想做一个欢迎页面，就一张图片居中显示然后下面一个按钮跳转到首页，但是就卡在图片这里了：使用过align-items\align-content\align-self\text-align等等属性，都没办法让它居中，请大家指导一下应该怎么做，谢谢谢谢~~~

你外面别用scroll-view，直接用view，宽高设置全屏 width: 100%; height: 100vh，然后居中用：display: flex; flex-direction: column; justify-content: center; align-items: center;

还有一种方法就是定位了：position: absolute; top: 50%; left 50%; transform: translate(-50%, -50%)

首先最外层没必要用scroll-view。其次没表明是想垂直居中还是水平居中，水平最快：margin:0 auto; 垂直则根据场景有多种实现方式，不想纠结可以直接上flex布局。

image的容器元素要设置flex; 然后image设置 justify-content: center; align-items: center;

外边包个view,让view居中

我刚刚试着加了个view就成功了。。。果然scroll-view还是不会用啊，谢谢各位大神！