text.scss 1.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. .t-omit {
  2. /*
  3. 单行文本显示、超出省略
  4. 注意:在flex部分布局下使用可能会冲突
  5. */
  6. word-break: break-all;
  7. text-overflow: ellipsis;
  8. display: -webkit-box;
  9. -webkit-box-orient: vertical;
  10. -webkit-line-clamp: 1;
  11. overflow: hidden;
  12. white-space: nowrap;
  13. }
  14. .t-omit-two {
  15. /*
  16. 两行文本超出省略显示
  17. 注意:在flex部分布局下使用可能会冲突
  18. */
  19. word-break: break-all;
  20. text-overflow: ellipsis;
  21. display: -webkit-box;
  22. -webkit-box-orient: vertical;
  23. -webkit-line-clamp: 2;
  24. overflow: hidden;
  25. white-space: normal !important;
  26. }
  27. .t-omit-three {
  28. /*
  29. 三行文本超出省略显示
  30. 注意:在flex部分布局下使用可能会冲突
  31. */
  32. word-break: break-all;
  33. text-overflow: ellipsis;
  34. display: -webkit-box;
  35. -webkit-box-orient: vertical;
  36. -webkit-line-clamp: 3;
  37. overflow: hidden;
  38. }
  39. .gray {
  40. color: #999999;
  41. }
  42. .black {
  43. color: #353535;
  44. }
  45. button::after {
  46. border: 0;
  47. }