.ml-col {
  $spans: 4.16667%, 8.33333%, 12.5%, 16.66667%, 20.83333%, 25%, 29.16667%, 33.33333%,
          37.5%, 41.66667%, 45.83333%, 50%, 54.16667%, 58.33333%, 62.5%, 66.66667%,
          70.83333%, 75%, 79.16667%, 83.33333%, 87.5%, 91.66667%, 95.83333%, 100%;
  &:not(.is-fixed) {
    flex-grow: 1;
  }
  &.is-shrink {
    flex-shrink: 0;
  }
  &.is-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  &.align-left {
    text-align: left;
  }
  &.align-center {
    text-align: center;
  }
  &.align-right {
    text-align: right;
  }
  // 24 栅格布局
  @for $index from 0 to length($spans) {
    &.ml-col-#{$index + 1} {
      width: nth($spans, $index + 1);
    }
  }
}