global.css 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. /* 定位 */
  2. .position-absolute{ position: absolute; }
  3. .position-fixed{ position: fixed; }
  4. .position-relative{ position: relative; }
  5. .left-0{ left: 0; }
  6. .top-0{ top: 0; }
  7. .bottom-0{ bottom: 0; }
  8. .right-0{ right: 0; }
  9. .z-1{ z-index:1; }
  10. /* 文字排列 */
  11. .text-center{ text-align: center; }
  12. .text-left{ text-align: left; }
  13. .text-right{ text-align: right; }
  14. /* flex布局 */
  15. .d-flex{ display: flex; }
  16. .d-block{ display: block; }
  17. .d-inline-block{ display: inline-block; }
  18. .flex-1{ flex: 1; }
  19. .flex-s{ flex-shrink: 0; }
  20. .flex-column{ flex-direction: column; }
  21. .flex-row{ flex-direction: row; }
  22. .flex-wrap{ flex-wrap: wrap; }
  23. .flex-nowrap{ flex-wrap: nowrap; }
  24. .flex-shrink{flex-shrink: 0;}
  25. .j-start{ justify-content: flex-start; }
  26. .j-center{ justify-content: center; }
  27. .j-end{ justify-content: flex-end; }
  28. .j-sb{ justify-content: space-between; }
  29. .j-sa{ justify-content: space-around; }
  30. .a-center{ align-items:center; }
  31. .a-start{ align-items: flex-start; }
  32. .a-end{ align-items:flex-end; }
  33. .a-stretch{ align-items: stretch; }
  34. .a-self-start{ align-self: flex-start; }
  35. .a-self-auto{ align-self: auto; }
  36. .a-self-end{ align-self: flex-end; }
  37. .a-self-stretch{ align-self:stretch; }
  38. .a-self-baseline{ align-self:baseline; }
  39. /* 宽度 */
  40. .w-100{ width:100% }
  41. /* 边框 */
  42. .b-b-1 {border: 1px solid black}
  43. /* 超出部分隐藏 */
  44. .over_style{
  45. overflow: hidden;/*超出部分隐藏*/
  46. text-overflow:ellipsis;/* 超出部分显示省略号 */
  47. white-space: nowrap;/*规定段落中的文本不进行换行 */
  48. }