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

发布于 8 年前作者 mengjie11607 次浏览最后编辑 8 年前来自 ask

page.wxml代码如下:

<view class="page">
  <view >
    <icon type="info" size="60" color="tomato"></icon>
  </view>
 
  <view >
    <text>本页面仅针对开发者开放</text>
  </view>
</view>

page.wxss代码如下:

.page{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center

}

想实现的效果:

4 回复
juan27
juan271 楼6 年前

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

pshi
pshi2 楼6 年前

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

qiaoli
qiaoli3 楼6 年前

.page{height:100vh;}

qianna
qianna4 楼6 年前

width height  得定义