视图容器

常用的样式的属性:

详情:http://www.jianshu.com/p/f82262002f8a

display :显示的模式。可选项有:flex(代表view可以伸缩,弹性布局)…

flex-direction :view容器主轴布局方向。可选项有:row , column

justify-content :view容器子元素沿着主轴的排列方式。可选项有:flex-start、center、flex-end、space-around…

align-items :view容器子子元素沿着次轴(与主轴垂直的轴,比如若主轴方向为row,则次轴方向为column)的排列方式。可选项有:flex-start、center、flex-end…

flex :权重。可选项:1,2, 3, 4, 5…(flex与display属性一般结合使用,单独使用flex无效)

默认水平排列

 

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2021-10-03
  • 2021-09-12
  • 2022-12-23
  • 2022-12-23
  • 2021-04-18
  • 2021-05-19
猜你喜欢
  • 2022-12-23
  • 2022-01-16
  • 2022-12-23
  • 2022-12-23
  • 2022-02-10
  • 2022-12-23
相关资源
相似解决方案