shuju_ui/qsshujujugrid/static/scss/common/display.scss

/*
dispaly 相关样式 包括 dispaly flex
*/

.dis-inline{
  display: inline;
}
.dis-inline-block{
  display: inline-block;
}
.dis-none{
  display: none!important;
}
.dis-block{
  display: block!important;
}
.flew{
  display: flex;
  //justify-content: center;
  //align-items: center;

}
.flew-row-wrap{
  flex-flow: row wrap;
}
.flew-row-nowrap{
  flex-flow: row nowrap;
}
//.flew-column-wrap{
//  flex-flow: column wrap;
//}

.flew-between{
  justify-content: space-between;
}
.flew-center{
  justify-content:center;
}
.flew-around{
  justify-content: space-around;
}
.flew-start{
  justify-content: flex-start;
}
.flew-end{
  justify-content: flex-end;
}
//
.flew-align-start{
  align-items: flex-start;
}
.flew-align-end{
  align-items: flex-end;

}
.flew-align-center{
  align-items: center;

}
.flew-column{
  display: flex;
  flex-flow: column nowrap;

}
.flew-column-wrap{
  flex-flow: column wrap;
}
//.flew-column-between{
//  justify-content: space-between;
//}
//.flew-column-around{
//  justify-content: space-around;
//}
//.flex-column-start{
//  justify-content: flex-start;
//}
//.flex-column-end{
//  justify-content: flex-end;
//}
.flex-grow-1{
  flex-grow: 1;
}
.flex-none{
  flex:none;
}
.flex-auto{
  flex:auto;
}