flex.css 981 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. .flex{
  2. display:-webkit-box;
  3. display:-webkit-flex;
  4. display:flex;
  5. }
  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. /* ����ʣ��ռ�Ŵ� */
  22. .f_g_1{
  23. -webkit-flex-grow:1;
  24. flex-grow:1;
  25. }
  26. /* �ռ䲻��Ҳ����С */
  27. .f_s_0{
  28. -webkit-flex-shrink:0;
  29. flex-shrink:0;
  30. }
  31. .f_x_s{
  32. -webkit-justify-content: space-between;
  33. justify-content: space-between;
  34. }
  35. .f_wrap{
  36. -webkit-flex-wrap: wrap;
  37. flex-wrap: wrap;
  38. }
  39. .ellipsis{
  40. white-space:nowrap;/*强制文本在一行内显示*/
  41. text-overflow:ellipsis; /*溢出省略号,支持ie、safari(webkit)*/
  42. -o-text-overflow:ellipsis; /*溢出省略号,支持opera*/
  43. overflow:hidden;/*溢出隐藏*/
  44. }