uStyle.css 823 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. /* flex布局 */
  2. .u-flex,
  3. .u-flex-jac,
  4. .u-flex-jab,
  5. .u-flex-jaa,
  6. .u-flex-cjac,
  7. .u-flex-cjab {
  8. display: flex;
  9. }
  10. .fd-column,
  11. .u-flex-cjac,
  12. .u-flex-cjab {
  13. flex-direction: column;
  14. }
  15. .jc-center,
  16. .u-flex-jac,
  17. .u-flex-cjac {
  18. justify-content: center;
  19. }
  20. .jc-sb,
  21. .u-flex-jab,
  22. .u-flex-cjab {
  23. justify-content: space-between;
  24. }
  25. .jc-sa,
  26. .u-flex-jaa {
  27. justify-content: space-around;
  28. }
  29. .jc-start {
  30. justify-content: flex-start;
  31. }
  32. .jc-end {
  33. justify-content: flex-end;
  34. }
  35. .ai-center,
  36. .u-flex-jab,
  37. .u-flex-jac,
  38. .u-flex-jaa,
  39. .u-flex-cjac {
  40. align-items: center;
  41. }
  42. .ai-start {
  43. align-items: flex-start;
  44. }
  45. .ai-end {
  46. align-items: flex-end;
  47. }
  48. .ai-stretch {
  49. align-items: stretch;
  50. }
  51. .f1 {
  52. flex: 1;
  53. }
  54. .f-auto {
  55. flex: auto;
  56. }
  57. .visualization-common-border {
  58. border: 1px solid #000;
  59. width: 100%;
  60. height: calc(100% - 26px);
  61. }