flex.css 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100
  1. /* ljj-flex通用类名 */
  2. .flex{
  3. display:-webkit-box;
  4. display:-webkit-flex;
  5. display:flex;
  6. }
  7. .flex_coloumn{
  8. display:-webkit-box;
  9. display:-webkit-flex;
  10. display:flex;
  11. flex-direction: column
  12. }
  13. .f_xy_c{
  14. -webkit-justify-content: center;
  15. justify-content: center;
  16. -webkit-align-items: center;
  17. align-items: center;
  18. }
  19. .f_y_c{
  20. -webkit-align-items: center;
  21. align-items: center;
  22. }
  23. .f_x_c{
  24. -webkit-justify-content: center;
  25. justify-content: center;
  26. }
  27. .f_x_e{
  28. -webkit-justify-content: flex-end;
  29. justify-content: flex-end;
  30. }
  31. .f_g_1{
  32. -webkit-flex-grow:1;
  33. flex-grow:1;
  34. }
  35. .f_s_0{
  36. -webkit-flex-shrink:0;
  37. flex-shrink:0;
  38. }
  39. .f_x_s{
  40. -webkit-justify-content: space-between;
  41. justify-content: space-between;
  42. }
  43. .f_wrap{
  44. -webkit-flex-wrap: wrap;
  45. flex-wrap: wrap;
  46. }
  47. .ellipsis{
  48. white-space:nowrap;/*强制文本在一行内显示*/
  49. text-overflow:ellipsis; /*溢出省略号,支持ie、safari(webkit)*/
  50. -o-text-overflow:ellipsis; /*溢出省略号,支持opera*/
  51. overflow:hidden;/*溢出隐藏*/
  52. }
  53. body {
  54. -moz-user-select: -moz-none;
  55. -khtml-user-select: none;
  56. -webkit-user-select: none;
  57. /*
  58. Introduced in IE 10.
  59. See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/
  60. */
  61. -ms-user-select: none;
  62. user-select: none;
  63. }
  64. body{
  65. background: #ffffff
  66. }
  67. /* 文本两端对齐 */
  68. .text_s{
  69. text-align:justify;
  70. text-justify:distribute-all-lines;/*ie6-8*/
  71. text-align-last:justify;/* ie9*/
  72. -moz-text-align-last:justify;/*ff*/
  73. -webkit-text-align-last:justify;/*chrome 20+*/
  74. }
  75. @media screen and (-webkit-min-device-pixel-ratio:0){/* chrome*/
  76. .text_s:after{
  77. content:".";
  78. display: inline-block;
  79. width:100%;
  80. overflow:hidden;
  81. height:0;
  82. }
  83. }
  84. [v-cloak] {
  85. display: none;
  86. }
  87. .el-input--suffix .el-input__inner{
  88. font-size: 16px
  89. }
  90. *{
  91. margin: 0
  92. }