为什么无法垂直居中?
发布于 7 年前 作者 na36 15225 次浏览 来自 官方Issues
<view class="c1">
  <text>111111</text>
</view>
.c1{
   width: 100%;
   height: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
}
3 回复

height:100%是填满父组件高度,这里的父组件是page,默认高度是一行

所以要么加上

page {

    height:100%;

}

要么把height:100%改成height:100vh

检查下page高度

100vh 比较好用

回到顶部