zoukankan      html  css  js  c++  java
  • less : 写一个display:flex的mixin

    和scss一样,less也是一个好用的css预处理语言,语法也很相近。

    而我们在使用display:flex的时候,很容易苦恼于里面的设置的单词很难记(尤其是对我这种英语很差的人来说)。

    所以我们可以写一个display:flex的mixin。

    上代码。

    .flex_init_func(@jc: flex-start, @ai: stretch){
        display: flex;
        justify-content: @jc;
        align-items: @ai;
    }

    flex的设置有很多,但这两个是最常用的。

    参数的默认值和原标准相同,方便使用。

    .news-container {    
        .flex_init_func(center; center)
    }

    如果需要不同的设置,传不同的参数就可以了。

    或者:

    .news-container {    
        .flex_init_func(@justify-content:center; @align-items:center)
    }

    以上。

  • 相关阅读:
    Mongo 应用查询
    Rocket MQ 问题排查命令
    阿里云部署杂记-节约时间
    linux shell 杂
    垃圾回收算法学习
    Hbase数据读写流程
    TCP 协议相关
    Netty
    ELK
    MiniGUI
  • 原文地址:https://www.cnblogs.com/foxcharon/p/10563378.html
Copyright © 2011-2022 走看看