Skip to content

postcss-flex-alias

postcss plugin easily write flex

flex-

box1
box2

TIP

  • Pull the upper right and lower corner, you can change the size of the box body
  • Depending on the number of internal elements, the effect may vary, increasing or decreasing the number of views

Explain

display: flex-[flex-flow][justify-content][align-items][align-content]

Use _ to denote null values, and last _ values can be omitted (display: flex-wb_s)

flex-flow

  • x: row nowrap
  • y: column nowrap
  • w: row wrap
  • m: column wrap

justify-content

  • s: flex-start
  • a: space-around
  • b: space-between
  • c: center
  • e: flex-end

align-items

  • s: flex-start
  • b: baseline
  • c: center
  • e: flex-end
  • h: stretch

align-content

  • s: flex-start
  • a: space-around
  • b: space-between
  • c: center
  • e: flex-end

创建时间:

最近更新: