✓ 🍋
Menu
🍋 Peasy Tools
🍋 Design Tools

间距比例生成器

生成一致的间距比例系统

Free 仅在浏览器中 No sign-up
chars words sentences lines

Spacing Scale Options

结果

结果

关于 间距比例生成器

生成一致的间距(spacing)比例系统。适用于 margin、padding 和 gap。

工作原理

以基础间距值为单位,按倍数生成间距系统(如 4, 8, 12, 16, 20, 24, 32, 40, 48, 64 px)。

分步教程

  1. 1 [
  2. 2 '
  3. 3 设
  4. 4 置
  5. 5 基
  6. 6 础
  7. 7 间
  8. 8 距
  9. 9 值
  10. 10 '
  11. 11 ,
  12. 12
  13. 13 '
  14. 14 选
  15. 15 择
  16. 16 比
  17. 17 例
  18. 18 类
  19. 19 型
  20. 20 '
  21. 21 ,
  22. 22
  23. 23 '
  24. 24 查
  25. 25 看
  26. 26 生
  27. 27 成
  28. 28 的
  29. 29 间
  30. 30 距
  31. 31 系
  32. 32 统
  33. 33 '
  34. 34 ,
  35. 35
  36. 36 '
  37. 37 复
  38. 38 制
  39. 39
  40. 40 C
  41. 41 S
  42. 42 S
  43. 43
  44. 44 变
  45. 45 量
  46. 46 代
  47. 47 码
  48. 48 '
  49. 49 ]

提示

  • [
  • '
  • 4
  • p
  • x
  • 基
  • 础
  • 单
  • 位
  • 是
  • T
  • a
  • i
  • l
  • w
  • i
  • n
  • d
  • C
  • S
  • S
  • 的
  • 默
  • 认
  • 间
  • 距
  • 系
  • 统
  • 。
  • '
  • ,
  • '
  • 保
  • 持
  • 间
  • 距
  • 一
  • 致
  • 可
  • 以
  • 大
  • 幅
  • 提
  • 升
  • 设
  • 计
  • 质
  • 量
  • 。
  • '
  • ,
  • '
  • 使
  • 用
  • r
  • e
  • m
  • 单
  • 位
  • 可
  • 以
  • 随
  • 基
  • 础
  • 字
  • 体
  • 大
  • 小
  • 等
  • 比
  • 缩
  • 放
  • 。
  • '
  • ]

常见问题