zoukankan      html  css  js  c++  java
  • 微信小程序布局

    • flex-direction  flex-direction: row | row-reverse | column | column-reverse;
      • row(默认值):主轴为水平方向,起点在左端。
      • row-reverse:主轴为水平方向,起点在右端。
      • column: 。
      • column-reverse:主轴为垂直方向,起点在下沿。
    • flex-wrap  flex-wrap: nowrap | wrap | wrap-reverse;
    • 1nowrap(默认):不换行。
    • 2wrap:换行,第一行在上方。
    • 3wrap-reverse:换行,第一行在下方。
    • flex-flow   flex-flow: <flex-direction> || <flex-wrap>;
    • justify-content   justify-content: flex-start | flex-end | center | space-between | space-around;
    • flex-start(默认值):左对齐
    • flex-end:右对齐
    • center 居中
    • space-between:两端对齐,项目之间的间隔都相等。
    • space-around:每个项目两侧的间隔相等。所以,项目之间的间隔比项目与边框的间隔大一倍。
    • align-items   align-items: flex-start | flex-end | center | baseline | stretch;
    • flex-start:交叉轴的起点对齐。
    • flex-end:交叉轴的终点对齐。
    • center:交叉轴的中点对齐。
    • baseline: 项目的第一行文字的基线对齐。
    • stretch(默认值):如果项目未设置高度或设为auto,将占满整个容器的高度。
    • align-content  align-content: flex-start | flex-end | center | space-between | space-around | stretch;
    • flex-start:与交叉轴的起点对齐。
    • flex-end:与交叉轴的终点对齐。
    • center:与交叉轴的中点对齐。
    • space-between:与交叉轴两端对齐,轴线之间的间隔平均分布。
    • space-around:每根轴线两侧的间隔都相等。所以,轴线之间的间隔比轴线与边框的间隔大一倍。
    • stretch(默认值):轴线占满整个交叉轴。
  • 相关阅读:
    低功耗计算机视觉技术前沿,四大方向,追求更小、更快、更高效
    ELECTRA中文预训练模型开源,性能依旧媲美BERT
    局部敏感哈希源代码-python
    利用局部敏感哈希改进推荐系统实时性
    局部敏感哈希算法介绍
    为什么要用局部敏感哈希
    多采用panda的数据处理方式
    delphi:文件操作
    delphi:常用函数
    delphi:打印日志
  • 原文地址:https://www.cnblogs.com/tom2015010203/p/11647656.html
Copyright © 2011-2022 走看看