Какой смысл в желобках CSS-фреймворков?

Question

Я погружаюсь в веб-разработку и играю с фреймворком Blueprint CSS, который включает в себя систему сетки, и у меня есть несколько вопросов.

1. Какой смысл в желобах?Конечно, они не используются для включения пробелов между столбцами, потому что вы можете просто использовать для этого CSS свойство margin, верно?Или желоба - это просто элегантный способ управления полями?
2. Я не хочу, чтобы между столбцами было свободное пространство, и хотел бы создать макет сетки, который не включает желоба, но все инструменты генератора мешают мнес желобами нулевой ширины.Почему это так?
3. Похоже, предлагаемый генератор CSS Blueprint больше не поддерживается.Кто-нибудь может предложить генератор Blueprint CSS для изменения сетки, чтобы включить желоба нулевой ширины?

Большое спасибо за вашу мудрость!

Answer 1

Мотивация системы CSS Grid заключается в полной автоматизации макета.Желоба обычно желательны, потому что пустое пространство между столбцами обеспечивает лучшую разборчивость, поэтому имеет смысл включать их как часть автоматизации.

Смысл Генератора в том, чтобы избавить вас от немного утомительных вычислений, необходимых для их реализации, но без водостоков математика и 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...

Answer 2

Желоба абсолютно не имеют ничего общего с CSS. Они представляют собой концепцию дизайна из печатных изданий - они предназначены для обеспечения пробелов между столбцами, облегчая чтение контента.

Колонки без желобов очень легко рассчитать. Просто установите одинаковую ширину в пикселях для каждого столбца.