Junior
Jakie układy CSS znasz?
sobes.tech AI
Odpowiedź od AI
- Flexbox: Jednowymiarowy system do wyrównywania elementów w kontenerze wzdłuż jednej osi (poziomej lub pionowej). Doskonały do małych komponentów i wyrównywania elementów wewnątrz bloku.
- Grid Layout: Dwuwymiarowy system do tworzenia złożonych siatek na stronie. Umożliwia łatwe zarządzanie rozmieszczeniem elementów zarówno w wierszach, jak i kolumnach. Idealny do głównego układu strony.
- Block Layout: Domyślne zachowanie elementów blokowych. Elementy zajmują całą dostępną szerokość i układają się jeden pod drugim.
- Inline Layout: Elementy układają się w jednej linii, zajmując szerokość równą ich zawartości.
- Positioned Layout: Pozwala na pozycjonowanie elementów względem ich normalnej pozycji, elementu rodzica lub okna widoku za pomocą
position(static, relative, absolute, fixed, sticky) i właściwościtop,right,bottom,left. - Table Layout: Odtwarza zachowanie elementów tabeli (
display: table,display: table-cellitd.). Rzadziej używany niż Grid czy Flexbox, do tworzenia struktur tabelarycznych. - Multi-column Layout: Pozwala dzielić zawartość kontenera na kilka kolumn, jak w gazecie. Sterowany właściwościami
column-counticolumn-width.