flexCommon.css 409 B

1234567891011121314151617181920212223242526272829303132
  1. /* flex布局 */
  2. .u-f,
  3. .u-f-ac,
  4. .u-f-ajc {
  5. display: flex;
  6. }
  7. .u-f-ac,
  8. .u-f-ajc {
  9. align-items: center;
  10. }
  11. .u-f-ajc {
  12. justify-content: center;
  13. }
  14. .u-f-jsb {
  15. justify-content: space-between;
  16. }
  17. .u-f-fc {
  18. flex-direction: column;
  19. }
  20. .u-f-ww{
  21. flex-wrap: wrap;
  22. }
  23. /* @mixin u-flex($flexD, $alignI, $justifyC) {
  24. display: flex;
  25. flex-direction: $flexD;
  26. align-items: $alignI;
  27. justify-content: $justifyC;
  28. } */