请问使用flex布局无法让项目在主轴上居中对齐怎么解决? - WXOPEN Club

page.wxml代码如下:

<view class="page">

<view >

<icon type="info" size="60" color="tomato"></icon>

</view>

<view >

<text>本页面仅针对开发者开放</text>

</view>

page.wxss代码如下:

.page{

display: flex;

flex-direction: column;

justify-content: center;

align-items: center

}

想实现的效果:

4 回复

juan271 楼6 年前

审查元素，你会看到问题。比如说page的实际高度

pshi2 楼6 年前

我用你的代码可以啊，就这么显示的

qiaoli3 楼6 年前

.page{height:100vh;}

qianna4 楼6 年前

width height 得定义