我正在研究 Web 开发，我正在使用 Blueprint CSS 框架，其中包括一个网格系统，我有几个问题。
- 排水沟有什么意义？当然，它们不习惯在列之间包含空格，因为您可以为此使用 margin CSS 属性，对吗？还是装订线只是管理利润率的一种优雅方式？
- 我不希望我的列之间有任何空间，并且想生成一个不包含间距的网格布局，但所有生成器工具都阻止我使用零宽度间距。这是为什么？
- 出现the suggested Blueprint CSS generator不再受支持。谁能推荐一个 Blueprint CSS 生成器来修改网格以包含零宽度间距？
非常感谢您的智慧!
最佳答案
CSS 网格系统背后的动机是完全自动化布局。装订线通常是可取的，因为列之间的空白可以提高易读性，因此将它们作为自动化的一部分是有意义的。
Generator 的存在理由是让您从实现它们所必需的稍微乏味的计算中解脱出来，但如果没有 gutters，数学和 css 一点也不复杂。
在没有发电机的情况下做一个无排水沟的网格应该是非常直接的。例如
( column width X nº of columns ) + left margin + right margin = content width
.span-1 {width:100px}
.span-2 {width:200px}
.span-3 {width:300px}
.span-4 {width:400px}
etc...
关于css - CSS 网格框架中的间距有什么意义？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/5331912/