Флекбок колоне једнаке ширине — ЦСС генератор
Визуелно направите ЦСС флекбок изглед: флек-дирецтион, јустифи-цонтент, алигн-итемс, флек-врап и гап на контејнеру, плус флек-гров по детету, флек-схринк и флек-басис, све са прегледом уживо и ЦСС-ом који се може копирати.
Резултат
Ова страница отвара генератор са флек-гров: 1 који је већ постављен на сва три оквира за преглед. Пазите на њих: уместо да се скупља да би се уклопио у њихов садржај, свака кутија захтева идентичан удео преосталог простора у реду, што је цео рецепт за флексибилне колоне једнаке ширине — без процентуалне ширине, без цалц(), без математике фиксних пиксела која би се синхронизовала.
флек-гров: 1 говори детету да расте, а постављање на свако дете у реду значи да сва расту за исту количину, тако да на крају имају исту ширину без обзира на то колико их има или који садржај се налази у њима. Додајте или уклоните оквир са контролама у наставку и преостале колоне се одмах редистрибуирају да остану једнаке — промените величину прозора прегледача преко овог изгледа у продукцији и он се понаша на исти начин.
Ово је образац иза мрежа картица једнаке висине, колона табеле са ценама и равномерно подељених делова подножја. Дајте једној колони више простора тако што ћете подићи њен флек-гров изнад осталих, или копирајте ЦСС блок испод тачно онако како је генерисан за чист једнак поделе.