ЦСС Грид Генератор

Декларација грид-темплате-ареас је један од најчитљивијих делова ЦСС-а који постоји, али само једном када постоји — доћи до ње ручно значи бројање стрингова у наводницима и подударање дужине редова, а једна неусклађена ћелија тихо разбија цео изглед. Овај генератор то претвара у директну манипулацију: подесите број колона и редова, откуцајте име у било коју ћелију активне мреже и одговарајућа имена се аутоматски спајају у један именовани регион.

Испод хаубе, свака ћелија коју оставите празна постаје тачка у генерисаном низу области шаблона мреже, а свака ћелија коју именујете постаје део правоугаоника тог имена. ЦСС дозвољава само именованом региону да заузме један чисти правоугаони блок, тако да алат то проверава док куцате и говори вам тачно када име још увек не формира важећи правоугаоник — уместо да тихо производи ЦСС, претраживач ће одбити.

Размак између колона и размак између редова подразумевано су на 8 пиксела и комбинују се у једну линију празнина када се поклапају, а мрежа за преглед уживо увек одражава ваше колоне шаблона мреже и редова шаблона мреже, укључујући колоне са фиксним пикселима из унапред подешених као што су бочне шине светог грала од 200 пиксела. Излаз који се може копирати покрива обе стране: ЦСС блок спреман за вашу листу стилова и одговарајући ХТМЛ скелет са једним див-подручјем мреже по именованом региону.

Мрежа и флексбокс решавају различите проблеме са распоредом, а цсс-флекбок-генератор на овом сајту је боља полазна тачка за једнодимензионалне распореде — један ред или колону флексибилних ставки као што је навигациона трака или хрпа картица. Посегните за овим генератором мреже уместо тога када вам је потребна дводимензионална контрола, експлицитни редови и колоне или именовани региони као што су заглавље/нав/главно/подножје; два алата често заврше на истој страници, мрежи за шкољку странице и флексбоксу унутар њених делова. Као и свака алатка на овом сајту, ради у потпуности у вашем претраживачу — без отпремања, без налога.