zoukankan      html  css  js  c++  java
  • 微信小程序(四):UI布局基础

    • 一、flex布局基础

      1、flex布局的容器和元素

      2、flex容器属性详解(用在容器上)

        1)flex-direction 决定元素的排列方向

        2)flex-wrap决定元素如何换行(排列不下时)

        3)flex-flow   flex-direction和flex-wrap的简写

        4)justify-content 元素在主轴上的排列方式

        5)align-items元素在交叉轴的对齐方式

      3、flex元素属性详解(总在元素上)

        1)flex-grow当有多余空间时,元素的放大比例

        2)flex-shrink当空间不足时,元素的缩小比例

        3)flex-basis元素在主轴上占据的空间

        4)flex是grow、shrink、basis的简写

        5)order定义元素的排列顺序

        6)align-self定义元素自身的对齐方式

      4、flex布局实战

        

    二、相对定位和绝对定位

  • 相关阅读:
    [NOI2014]动物园
    2018.7.15模拟赛
    2018.7.13模拟赛
    [CodeForces]920F SUM and REPLACE
    [BZOJ3211]花神游历各国
    [GSS5] Can you answer these queries V
    [SPOJ1716] GSS3
    [HNOI2012]排队
    2018.7.10模拟赛
    7.3模拟赛
  • 原文地址:https://www.cnblogs.com/Ge-Zsj/p/12562654.html
Copyright © 2011-2022 走看看