Какова точка водостоков в сетках сетки CSS?

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

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

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

Ответы

Ответ 1

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

A Generator raison d'être - освободить вас от немного утомительных вычислений, необходимых для их реализации, но без желобов как математика, так и 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...

Ответ 2

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

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

Ответ 3

Я не совсем уверен, но я вижу желоба как статическое пространство между столбцами. Я имею в виду, что в отличие от полей, относящихся к самому столбцу, желоб является стационарным объектом (или черной дырой, или зазором), который правильно определяет хорошо спланированные расстояния между соседними столбцами.