Przejdź do treści

Generator Flexbox CSS

Twórz układy CSS Flexbox z podglądem na żywo. Dostosuj kierunek, wyrównanie, zawijanie i odstępy. Za darmo, 100% w przeglądarce.

Podgląd

Wyjście CSS
 

O CSS Flexbox

CSS Flexbox to jednowymiarowy model układu do rozmieszczania elementów w wierszu lub kolumnie. Pozwala na elastyczną dystrybucję przestrzeni i wyrównywanie elementów.

Główne właściwości

flex-direction — definiuje oś główną. justify-content — wyrównanie wzdłuż osi głównej. align-items — wyrównanie wzdłuż osi poprzecznej. flex-wrap — zawijanie elementów. gap — odstępy między elementami.

Prywatność

Całe generowanie odbywa się w 100% w przeglądarce. Dane nie są wysyłane na serwer.