zoukankan      html  css  js  c++  java
  • appcan UI

    appcan UI 公共类 ([appcanUI框架地址:](http://newdocx.appcan.cn/UI/source)


    .ub {
        display: -webkit-box !important;
        display: box !important;
        position: relative;
    }
    
    .ub-rev {
        -webkit-box-direction: reverse;
        box-direction: reverse;
    }
    
    .ub-fh {
         100%;
    }
    
    .ub-fv {
        height: 100%;
    }
    
    .ub-con {
        position: absolute;
         100%;
        height: 100%;
    }
    
    .ub-ac {
        -webkit-box-align: center;
        box-align: center;
    }
    
    .ub-ae {
        -webkit-box-align: end;
        box-align: end;
    }
    
    .ub-pc {
        -webkit-box-pack: center;
        box-pack: center;
    }
    `.ub-pe {
        -webkit-box-pack: end;
        box-pack: end;
    }
    
    .ub-pj {
        -webkit-box-pack: justify;
        box-pack: justify;
    }
    
    .ub-ver {
        -webkit-box-orient: vertical;
        box-orient: vertical;
    }
    
    .ub-f1 {
        position: relative;
        -webkit-box-flex: 1;
        box-flex: 1;
    }
    
    .ub-f2 {
        position: relative;
        -webkit-box-flex: 2;
        box-flex: 2;
    }
    
    .ub-f3 {
        position: relative;
        -webkit-box-flex: 3;
        box-flex: 3;
    }
    
    .ub-f4 {
        position: relative;
        -webkit-box-flex: 4;
        box-flex: 4;
    }
    `.ub-f5 {
        position: relative;
        -webkit-box-flex: 5;
        box-flex: 5;
    }
    
    .ub-f6 {
        position: relative;
        -webkit-box-flex: 6;
        box-flex: 6;
    }
    
    .ub-img {
        -webkit-background-size: contain;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }
    
    .ub-img1 {
        -webkit-background-size: cover;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }
    
    .ub-img2 {
        background-repeat: repeat-x;
        background-size: auto 100%
    }
    
    .ub-img3 {
        background-repeat: repeat-y;
        background-size: 100% auto
    }
    .ub-img4 {
        -webkit-background-size: 100% auto;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: center;
    }
    
    .ub-img5 {
        -webkit-background-size: auto 100%;
        background-size: auto 100%;
        background-repeat: no-repeat;
        background-position: center;
    }
    
    .ub-img6 {
        background-repeat: no-repeat;
        background-position: center;
    }
    
    .ub-img7 {
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: center;
    }
    
  • 相关阅读:
    guzzle下载图片(laravel+vue)
    leetcode——131.分割回文串
    leetcode——139.单词拆分
    leetcode——115.不同的子序列
    leetcode——72.编辑距离
    leetcode——87.扰乱字符串
    leetcode——123. 买卖股票的最佳时机 III
    leetcode——132. 分割回文串 II
    leetcode——124. 二叉树中的最大路径和
    leetcode——51.N皇后
  • 原文地址:https://www.cnblogs.com/geekfeier/p/7655053.html
Copyright © 2011-2022 走看看