Projektowanie
Generator CSS Flexbox
Buduj układy flex wizualnie.
Przepisy układów (10 ustawień)
Wybrane ustawienia dziecka
Spróbuj także: Generator CSS Grid · Generator gradientów CSS · Generator cieni CSS.
Zbuduj układ flex wizualnie
Wybierz przepis lub dostosuj kontrolki — podgląd aktualizuje się na żywo. Skopiuj regułę .container do swojego arkusza stylów.
FAQ
Co generuje?
Gotowa do skopiowania reguła flex dla .container z kierunkiem, wyrównaniem, zawijaniem i gap oraz podglądem na żywo z regulowaną liczbą elementów podrzędnych.
Czym są wzorce układu?
Dziesięć ustawień na jedno kliknięcie: pasek nawigacji, wyśrodkowana sekcja hero, rząd kart, szkielet z paskiem bocznym, pionowy stos, pasek stopki i inne — popularne wzorce codziennie wklejane przez programistów.
Czy coś jest przesyłane?
Nie. CSS jest generowany w całości w przeglądarce.
Ostatnia aktualizacja: