flex.css 906 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. /* ljj-flex通用类名 */
  2. .flex{
  3. display:-webkit-box;
  4. display:-webkit-flex;
  5. display:flex;
  6. }
  7. .f_xy_c{
  8. -webkit-justify-content: center;
  9. justify-content: center;
  10. -webkit-align-items: center;
  11. align-items: center;
  12. }
  13. .f_y_c{
  14. -webkit-align-items: center;
  15. align-items: center;
  16. }
  17. .f_x_c{
  18. -webkit-justify-content: center;
  19. justify-content: center;
  20. }
  21. .f_g_1{
  22. -webkit-flex-grow:1;
  23. flex-grow:1;
  24. }
  25. .f_s_0{
  26. -webkit-flex-shrink:0;
  27. flex-shrink:0;
  28. }
  29. .f_x_s{
  30. -webkit-justify-content: space-between;
  31. justify-content: space-between;
  32. }
  33. .f_wrap{
  34. -webkit-flex-wrap: wrap;
  35. flex-wrap: wrap;
  36. }
  37. .ellipsis{
  38. white-space:nowrap;/*强制文本在一行内显示*/
  39. text-overflow:ellipsis; /*溢出省略号,支持ie、safari(webkit)*/
  40. -o-text-overflow:ellipsis; /*溢出省略号,支持opera*/
  41. overflow:hidden;/*溢出隐藏*/
  42. }