app-big-data/page/bigDataOut/css/flex.css

/* ljj-flex通用类名   */
.flex{
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
}
.flex_coloumn{
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
    flex-direction: column
}
.f_xy_c{    
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}
.f_y_c{
    -webkit-align-items: center;
    align-items: center;
}
.f_x_c{
    -webkit-justify-content: center;
    justify-content: center;
}
.f_x_e{
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}
.f_g_1{
    -webkit-flex-grow:1;
    flex-grow:1;
}

.f_s_0{
    -webkit-flex-shrink:0;
    flex-shrink:0;
}
.f_x_s{
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.f_wrap{
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.ellipsis{
    white-space:nowrap;/*强制文本在一行内显示*/
    text-overflow:ellipsis; /*溢出省略号，支持ie、safari（webkit）*/
    -o-text-overflow:ellipsis; /*溢出省略号，支持opera*/
    overflow:hidden;/*溢出隐藏*/

}

/* 文本两端对齐 */
.text_s{  
    text-align:justify;
    text-justify:distribute-all-lines;/*ie6-8*/
    text-align-last:justify;/* ie9*/
    -moz-text-align-last:justify;/*ff*/
    -webkit-text-align-last:justify;/*chrome 20+*/
}
@media screen and (-webkit-min-device-pixel-ratio:0){/* chrome*/
    .text_s:after{
        content:".";
        display: inline-block;
        width:100%;
        overflow:hidden;
        height:0;
    }
}
[v-cloak] {
    display: none;
}