• 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;
    }
    
  • 相关阅读:
    10个对Web开发者最有用的Python包
    9款最好的JavaScript压缩工具
    推荐15款制作 SVG 动画的 JavaScript 库
    2016年最好的15个Web设计和开发工具
    整理六百篇web前端知识混总
    9款免费的跨浏览器测试工具
    9个有用的和免费的工具来支持动态网页开发
    8个基本的引导工具的网页设计师
    11款CSS3动画工具的开发
    2016年某前端群题目答案参考
  • 原文地址:https://www.cnblogs.com/geekfeier/p/7655053.html
Copyright © 2020-2023  润新知