CSS 间距

CSS 间距能做什么

输出 gap: N rem，范围 0 到 4。和 CSS 字距不同，这是 flex/grid 间距不是字距。和 CSS 词距不同，不是句中词距。可在本页复制。

CSS 间距被放在设计分类里是有意的。它不是CSS 字距（生成 letter-spacing 的 em 规则。），也不是CSS 词距（生成 word-spacing 的 em 规则。）。只有当你需要「生成 gap 的 rem 规则。」时才应打开本页。若拿CSS 间距去做相邻工具的工作，即使页面框架看起来一样，结果也会不对。

如何使用CSS 间距

1. 这项设计任务请用CSS 间距（css gap）。CSS 字距是相邻工具（生成 letter-spacing 的 em 规则。），但不是同一个。
2. 加入CSS 间距所接受的文件类型。路径提示：css gap。生成 gap 的 rem 规则。
3. 只调整与CSS 间距匹配的选项。相邻的CSS 词距是另一件事（生成 word-spacing 的 em 规则。）。工具说明：输出 gap: N rem，范围 0 到 4。和 CSS 字距不同，这是 flex/grid 间距不是字距。和 CSS 词距不同，不是句中词距。可在本页复制。
4. 在本标签页运行CSS 间距。仍受浏览器内存限制：0–4 rem。只出 CSS。可在本页复制。
5. 从CSS 间距下载或复制结果。若任务选错了，请改用CSS 字距。

什么情况下不要用CSS 间距

如果相邻工具更合适，请不要用CSS 间距，先看CSS 字距或CSS 词距；或者说明里已经提示会失败时也不要用。本工具原话：输出 gap: N rem，范围 0 到 4。和 CSS 字距不同，这是 flex/grid 间距不是字距。和 CSS 词距不同，不是句中词距。可在本页复制。

关于CSS 间距的常见问题

CSS 间距和其他设计页面有什么不同？

输出 gap: N rem，范围 0 到 4。和 CSS 字距不同，这是 flex/grid 间距不是字距。和 CSS 词距不同，不是句中词距。可在本页复制。 简短说：生成 gap 的 rem 规则。

CSS 间距会把文件或文本上传到 Tool-You 服务器吗？

不会。CSS 间距在当前浏览器标签页运行，文件留在本机。限制说明：0–4 rem。只出 CSS。可在本页复制。

我是否该用CSS 字距而不是CSS 间距？

需要「生成 gap 的 rem 规则。」时用CSS 间距；需要「生成 letter-spacing 的 em 规则。」时用CSS 字距。同属设计，但不是同一项工作。

CSS 间距有哪些限制？

0–4 rem。只出 CSS。可在本页复制。 另外：输出 gap: N rem，范围 0 到 4。和 CSS 字距不同，这是 flex/grid 间距不是字距。和 CSS 词距不同，不是句中词距。可在本页复制。