收藏
回答

小程序flex布局问题?

文档中的布局描述如下图

个人理解就是不设置view的高度,只要设置上面的样式,然后view中的内容就会垂直居中

我的wxml文件代码如下:

我的wcss文件内容如下:

开发者工具中显示如下:

1、未设置高度100%

2、设置高度100%

3、设置固定高度500px

结果只有固定高度才会垂直居中

如果不固定高度想要垂直居中,要如何设置?

回答关注问题邀请回答
收藏

2 个回答

  • 陈宇明
    陈宇明
    2021-06-04

    你设置下100vh试试

    2021-06-04
    有用 2
    回复 2
    • 商景春
      商景春
      2021-06-04
      设置100vh之后,好用了
      我刚刚把高度设置成wx.getSystemInfoSync().windowHeight也可以的
      2021-06-04
      回复
    • 商景春
      商景春
      2021-06-04
      还是要设置高度的
      2021-06-04
      回复
  • 武曲心
    武曲心
    2021-06-04

    你要用height:100%,就得设置page:{height:100%},你父级没高度height100%没有的

    2021-06-04
    有用
    回复 1
    • 商景春
      商景春
      2021-06-04
      page是关键字么,定义整个页面的?
      我那个页面上根节点view的样式是100%的也不行?
      不过不管怎么样,如果要垂直居中,还是要设置高度的
      2021-06-04
      回复
登录 后发表内容