小程序
小游戏
企业微信
微信支付
扫描小程序码分享
<view class=
"c1"
>
<text>111111</text>
</view>
.c1{
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
4 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
还是没搞明白，怎么写这个红色块可以水平并且垂直居中呢？
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
100vh 比较好用
检查下page高度
height:100%是填满父组件高度，这里的父组件是page，默认高度是一行
所以要么加上
page {
height:100%;
要么把height:100%改成height:100vh
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
还是没搞明白，怎么写这个红色块可以水平并且垂直居中呢？
100vh 比较好用
检查下page高度
height:100%是填满父组件高度，这里的父组件是page，默认高度是一行
所以要么加上
page {
height:100%;
}
要么把height:100%改成height:100vh