zoukankan      html  css  js  c++  java
  • CSS

    /* flex */
    .flex{
        display: flex;
    }
    .f1{
        flex:1
    }
    .flex-center{
        align-items: center;
        justify-content: center;
    }
    .ai-center{
        align-items: center;
    }
    .ai-start{
        align-items: flex-start;
    }
    .ai-end{
        align-items: flex-end;
    }
    .jc-center{
        justify-content: center;
    }
    .js-start{
        justify-content: start;
    }
    .js-end{
        justify-content: start;
    }

    /* font center  */
    .font-ct{
        text-align: center;
    }

    /* dom */
    hr {
        box-sizing: content-box;
        height: 0;
        overflow: visible;
    }
    /* margin and padding */
    .m-0 {
        margin: 0 !important;
      }
      
      .mt-0,
      .my-0 {
        margin-top: 0 !important;
      }
      
      .mr-0,
      .mx-0 {
        margin-right: 0 !important;
      }
      
      .mb-0,
      .my-0 {
        margin-bottom: 0 !important;
      }
      
      .ml-0,
      .mx-0 {
        margin-left: 0 !important;
      }
      
      .m-1 {
        margin: 0.25rem !important;
      }
      
      .mt-1,
      .my-1 {
        margin-top: 0.25rem !important;
      }
      
      .mr-1,
      .mx-1 {
        margin-right: 0.25rem !important;
      }
      
      .mb-1,
      .my-1 {
        margin-bottom: 0.25rem !important;
      }
      
      .ml-1,
      .mx-1 {
        margin-left: 0.25rem !important;
      }
      
      .m-2 {
        margin: 0.5rem !important;
      }
      
      .mt-2,
      .my-2 {
        margin-top: 0.5rem !important;
      }
      
      .mr-2,
      .mx-2 {
        margin-right: 0.5rem !important;
      }
      
      .mb-2,
      .my-2 {
        margin-bottom: 0.5rem !important;
      }
      
      .ml-2,
      .mx-2 {
        margin-left: 0.5rem !important;
      }
      
      .m-3 {
        margin: 1rem !important;
      }
      
      .mt-3,
      .my-3 {
        margin-top: 1rem !important;
      }
      
      .mr-3,
      .mx-3 {
        margin-right: 1rem !important;
      }
      
      .mb-3,
      .my-3 {
        margin-bottom: 1rem !important;
      }
      
      .ml-3,
      .mx-3 {
        margin-left: 1rem !important;
      }
      
      .m-4 {
        margin: 1.5rem !important;
      }
      
      .mt-4,
      .my-4 {
        margin-top: 1.5rem !important;
      }
      
      .mr-4,
      .mx-4 {
        margin-right: 1.5rem !important;
      }
      
      .mb-4,
      .my-4 {
        margin-bottom: 1.5rem !important;
      }
      
      .ml-4,
      .mx-4 {
        margin-left: 1.5rem !important;
      }
      
      .m-5 {
        margin: 3rem !important;
      }
      
      .mt-5,
      .my-5 {
        margin-top: 3rem !important;
      }
      
      .mr-5,
      .mx-5 {
        margin-right: 3rem !important;
      }
      
      .mb-5,
      .my-5 {
        margin-bottom: 3rem !important;
      }
      
      .ml-5,
      .mx-5 {
        margin-left: 3rem !important;
      }
      
      .p-0 {
        padding: 0 !important;
      }
      
      .pt-0,
      .py-0 {
        padding-top: 0 !important;
      }
      
      .pr-0,
      .px-0 {
        padding-right: 0 !important;
      }
      
      .pb-0,
      .py-0 {
        padding-bottom: 0 !important;
      }
      
      .pl-0,
      .px-0 {
        padding-left: 0 !important;
      }
      
      .p-1 {
        padding: 0.25rem !important;
      }
      
      .pt-1,
      .py-1 {
        padding-top: 0.25rem !important;
      }
      
      .pr-1,
      .px-1 {
        padding-right: 0.25rem !important;
      }
      
      .pb-1,
      .py-1 {
        padding-bottom: 0.25rem !important;
      }
      
      .pl-1,
      .px-1 {
        padding-left: 0.25rem !important;
      }
      
      .p-2 {
        padding: 0.5rem !important;
      }
      
      .pt-2,
      .py-2 {
        padding-top: 0.5rem !important;
      }
      
      .pr-2,
      .px-2 {
        padding-right: 0.5rem !important;
      }
      
      .pb-2,
      .py-2 {
        padding-bottom: 0.5rem !important;
      }
      
      .pl-2,
      .px-2 {
        padding-left: 0.5rem !important;
      }
      
      .p-3 {
        padding: 1rem !important;
      }
      
      .pt-3,
      .py-3 {
        padding-top: 1rem !important;
      }
      
      .pr-3,
      .px-3 {
        padding-right: 1rem !important;
      }
      
      .pb-3,
      .py-3 {
        padding-bottom: 1rem !important;
      }
      
      .pl-3,
      .px-3 {
        padding-left: 1rem !important;
      }
      
      .p-4 {
        padding: 1.5rem !important;
      }
      
      .pt-4,
      .py-4 {
        padding-top: 1.5rem !important;
      }
      
      .pr-4,
      .px-4 {
        padding-right: 1.5rem !important;
      }
      
      .pb-4,
      .py-4 {
        padding-bottom: 1.5rem !important;
      }
      
      .pl-4,
      .px-4 {
        padding-left: 1.5rem !important;
      }
      
      .p-5 {
        padding: 3rem !important;
      }
      
      .pt-5,
      .py-5 {
        padding-top: 3rem !important;
      }
      
      .pr-5,
      .px-5 {
        padding-right: 3rem !important;
      }
      
      .pb-5,
      .py-5 {
        padding-bottom: 3rem !important;
      }
      
      .pl-5,
      .px-5 {
        padding-left: 3rem !important;
      }
      /* --- end --- margin and padding  */
  • 相关阅读:
    使用 HtmlInputHidden 控件在本页面保持状态和跨页面传值
    asp.net页面回传与js调用服务端事件、PostBack的原理详解
    关于.net委托的一篇妙文
    C# 基础25问
    存储过程分页
    C#中的格式化字符串
    大批量数据的插入之终极性能提升SqlBulkCopy
    统计某个字符串中指定字符串出现的次数
    powerdesigner 15打开pdm文件弹出安装打印机窗口的解决方法
    Convert.ToInt32(),Int.Parse(),Int.TryParse()的区别
  • 原文地址:https://www.cnblogs.com/500m/p/12640051.html
Copyright © 2011-2022 走看看