zoukankan      html  css  js  c++  java
  • 弹性盒布局

    // 设置窗体的大小
    @mixin setWindowSize(
      $ null,
      $height: null,
      $min null,
      $max null,
      $minheight: null,
      $maxheight: null
    ) {
       $width; // 宽度
      height: $height; // 高度
      min- $minwidth; // 最小宽度
      max- $maxwidth; // 最大宽度
      min-height: $minheight; // 最小高度
      max-height: $maxheight; // 最大高度
    }
    
    // 设置弹性布局
    @mixin setFlexModel($justify, $align, $direction: null, $wrap: null, $content: null, $items: null) {
      display: flex; // 弹性布局
      justify-content: $justify; // 主轴对齐
      align-items: $align; // 侧轴对齐
      flex-direction: $direction; // 伸缩方向
      flex-wrap: $wrap; // 定义行数
      align-content: $content; // 伸缩行对齐
      justify-items: $items; // 同上
    }
    View Code

     参考网页——一篇文章弄懂flex布局 - 听风是风 - 博客园 (cnblogs.com)

    人生到处知何似,应似飞鸿踏雪泥。
  • 相关阅读:
    Multidimensional Arrays
    TortoiseGit
    Excel教程(14)
    Excel教程(13)
    Excel教程(12)
    Excel教程(11)
    lock
    reflect
    game
    html x
  • 原文地址:https://www.cnblogs.com/lepanyou/p/15385562.html
Copyright © 2011-2022 走看看