上下文
我的团队正在开发一个响应式网站,我们允许用户配置页面的一些属性,包括网格“单元格”之间的空间。我们就识别“细胞之间的空间”的正确术语进行了对话。显然我们可以使用“margin”之类的东西,但这有点太宽泛了,因为它会包括页面和最外层单元格之间的空间。我们只想识别单元格之间的空间。我们的用户不一定精通技术(意思是 CSS 等),但可能有一些图形设计背景(或至少熟悉常用术语)。
问题
“排水沟”似乎是最正确的术语,但我能找到的“排水沟”的大多数定义都专门指列之间的空间。
行之间的空间是否有特定的术语?或者将它们简单地称为“水平排水沟”是否合适?
示例
这是我要识别的内容的说明。
(图片来自https://www.init.de/en/news/responsive-design)
我当前术语的问题
“水平(/垂直)装订线”在我看来有点令人困惑,因为不清楚装订线是在水平(/垂直)元素之间还是在垂直(/水平)元素。我的团队对哪个定义是准确的存在一些分歧,所以我认为这足以证明这个短语实际上是令人困惑的。
至少就网络而言,“填充”和“边距”不适合我所描述的内容。内边距是指边框和内容之间的空间,而边距是指元素周围的空间。每个边距为 10px 的两个相邻元素之间将有一个 20px 的间距。(是的,我知道 CSS 边距经常崩溃,但并非总是如此。)
我已经看到响应式网格框架中经常使用的术语“gutter”,所以我知道它在 Web 开发中是一个可以接受的术语。我只是想知道“水平排水沟”是否有更合适的术语。