flex.css 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108
  1. <<<<<<< HEAD
  2. /* flex 布局 */
  3. .f-d-c {
  4. flex-direction: column;
  5. }
  6. .f-j-c {
  7. justify-content: center;
  8. }
  9. .f-j-s {
  10. justify-content: flex-start;
  11. }
  12. .f-j-e {
  13. justify-content: flex-end;
  14. }
  15. .f-j-sa {
  16. justify-content: space-around;
  17. }
  18. .f-j-sb {
  19. justify-content: space-between;
  20. }
  21. .f-ai-c {
  22. align-items: center;
  23. }
  24. .f-ai-s {
  25. align-items: flex-start;
  26. }
  27. .f-ai-e {
  28. align-items: flex-end;
  29. }
  30. .fg1 {
  31. flex-grow: 1;
  32. }
  33. .fs0 {
  34. flex-shrink: 0;
  35. }
  36. /* 相对定位&绝对定位 */
  37. .p-r {
  38. position: relative;
  39. }
  40. .p-a {
  41. position: absolute;
  42. =======
  43. /* flex 布局 */
  44. .f-d-c {
  45. flex-direction: column;
  46. }
  47. .f-j-c {
  48. justify-content: center;
  49. }
  50. .f-j-s {
  51. justify-content: flex-start;
  52. }
  53. .f-j-e {
  54. justify-content: flex-end;
  55. }
  56. .f-j-sa {
  57. justify-content: space-around;
  58. }
  59. .f-j-sb {
  60. justify-content: space-between;
  61. }
  62. .f-ai-c {
  63. align-items: center;
  64. }
  65. .f-ai-s {
  66. align-items: flex-start;
  67. }
  68. .f-ai-e {
  69. align-items: flex-end;
  70. }
  71. .fg1 {
  72. flex-grow: 1;
  73. }
  74. .fs0 {
  75. flex-shrink: 0;
  76. }
  77. /* 相对定位&绝对定位 */
  78. .p-r {
  79. position: relative;
  80. }
  81. .p-a {
  82. position: absolute;
  83. >>>>>>> 11810c650fcbb786f7c6eb685212a6cf2f3e6856
  84. }