ant-design/style/core/layouts.less

// Layout
.layout-fixed {
  .container-fixed();

  @media (min-width: @screen-sm-min) {
    width: @container-sm;
  }

  @media (min-width: @screen-md-min) {
    width: @container-md;
  }

  @media (min-width: @screen-lg-min) {
    width: @container-lg;
  }
}

.layout-fluid {
  .container-fixed()
}

// Grid system
.row {
  .make-row();
  display: block;
}

.row-flex {
  .make-row();
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;

  &:before,
  &:after {
    display: flex;
  }
}

// x轴原点
.row-flex.start,
.row-flex.start.top,
.row-flex.start.middle,
.row-flex.start.bottom {
  justify-content: flex-start;
}

// x轴居中
.row-flex.center,
.row-flex.center.top,
.row-flex.center.middle,
.row-flex.center.bottom {
  justify-content: center;
}

// x轴反方向
.row-flex.end,
.row-flex.end.top,
.row-flex.end.middle,
.row-flex.end.bottom {
  justify-content: flex-end;
}

// x轴平分
.row-flex.space-between,
.row-flex.space-between.top,
.row-flex.space-between.middle,
.row-flex.space-between.bottom {
  justify-content: space-between;
}

// x轴有间隔地平分
.row-flex.space-around,
.row-flex.space-around.top,
.row-flex.space-around.middle,
.row-flex.space-around.bottom {
  justify-content: space-around;
}

// 顶部对齐
.row-flex.center.top,
.row-flex.start.top,
.row-flex.end.top,
.row-flex.space-between.top,
.row-flex.space-around.top {
  align-items: flex-start;
}

// 居中对齐
.row-flex.center.middle,
.row-flex.start.middle,
.row-flex.end.middle,
.row-flex.space-between.middle,
.row-flex.space-around.middle {
 align-items: center;
}

// 底部对齐
.row-flex.center.bottom,
.row-flex.start.bottom,
.row-flex.end.bottom,
.row-flex.space-between.bottom,
.row-flex.space-around.bottom {
 align-items: flex-end;
}

.col {
  position: relative;
  display: block;
  float: left;
  flex: 0 0 auto;
}

.make-grid-columns();
.make-grid();