鸿蒙-布局

• 布局是一种容器，里面可以放一些组件或其他布局
• 布局内部元素拜访方式有两种：Flex,Grid

• 

  

  Flex弹性布局：
  • 属性：
    • display:
    • justify-content:

      

    • align-itms:

      

• Grid网格布局：
  • 将网页分为一个个网格，然后利用这些网格组合做出各种各样的布局。

    

  • 属性：
    • grid-template-columns：指定列的宽度
    • grid-template-rows：指定行的高度
  • 参数表示：
    • 百分比表示法:

    • 

      fr关键字法：
      • fr是fraction的缩写，意味片段，可理解为单元格，如果两列的宽度分别为1fr和2fr，意为：后者是前者的两倍

        

    • 具体像素法：