flex.css 522 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. /* flex 布局 */
  2. .f-d-c {
  3. flex-direction: column;
  4. }
  5. .f-j-c {
  6. justify-content: center;
  7. }
  8. .f-j-s {
  9. justify-content: flex-start;
  10. }
  11. .f-j-e {
  12. justify-content: flex-end;
  13. }
  14. .f-j-sa {
  15. justify-content: space-around;
  16. }
  17. .f-j-sb {
  18. justify-content: space-between;
  19. }
  20. .f-ai-c {
  21. align-items: center;
  22. }
  23. .f-ai-s {
  24. align-items: flex-start;
  25. }
  26. .f-ai-e {
  27. align-items: flex-end;
  28. }
  29. .fg1 {
  30. flex-grow: 1;
  31. }
  32. .fs0 {
  33. flex-shrink: 0;
  34. }
  35. /* 相对定位&绝对定位 */
  36. .p-r {
  37. position: relative;
  38. }
  39. .p-a {
  40. position: absolute;
  41. }