Jaki jest sens rynny w ramach sieci CSS?

Question

Interesuję się tworzeniem stron internetowych i gram ze strukturą Blueprint CSS, która obejmuje system gridowy i mam kilka pytań.

1. Jaki jest sens rynn? Z pewnością nie są one używane do umieszczania spacji między kolumnami, ponieważ możesz po prostu użyć do tego właściwości CSS z marginesu, prawda? Czy też rynny to tylko elegancki sposób na zarządzanie marżami?
2. Nie chcę żadnej przestrzeni pomiędzy moimi kolumnami i chciałby, aby wygenerować układ siatki, która nie zawiera rynny, ale wszystkie narzędzia generator zapobiec mnie od konieczności rynny zerowej szerokości. Dlaczego?
3. Wygląda na to, że the suggested Blueprint CSS generator nie jest już obsługiwany. Czy każdy może zaproponować generator Blueprint CSS do modyfikacji siatki, aby obejmował rynny o zerowej szerokości?

Dzięki bardzo za mądrość!

Answer 1

Motywacją systemu CSS Grid jest całkowite zautomatyzowanie układu. Rynny są zwykle pożądane, ponieważ biała przestrzeń między kolumnami zapewnia lepszą czytelność, więc warto je uwzględnić jako część automatyzacji.

Racją bytu Generatora jest uwolnienie Cię od nieco żmudnych obliczeń koniecznych do ich realizacji, ale bez rynien zarówno matematyka, jak i css nie są wcale skomplikowane.

To powinno być bardzo proste do zrobienia siatkę bez rynny bez generatora. na przykład

(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

Rynny nie mają absolutnie nic wspólnego z CSS per se. Są to koncepcje projektowe publikowane w druku - mają zapewniać odstępy między kolumnami, dzięki czemu treść jest łatwiejsza do odczytania.

Kolumny bez rynien są bardzo łatwe do obliczenia. Po prostu ustaw taką samą szerokość w pikselach dla każdej kolumny.