CSS - wyświetlanie blokowe, liniowe i inne
Opublikowano pon 30 marca 2020 w css • 1 min read
Display
odpowiada za sposób w jaki sposób dane elementy będą wyświetlane
Właściwości deklaracji display
inline
- domyślna funkcja, elementy wyświetlane są w sposób liniowy / obok siebie
block
- elementy wyświetlane są w sposób blokowy / jeden pod drugim
inline-block
- charakterystyka bloku ale trzyma się linii / bloki jeden obok siebie
none
- chowa element (usuwa również przestrzeń przeznaczoną na element, w odróżnieniu od visibility: hidden;
)
table
- pozwala elementowi zachowywać się jak tabela
opcjonalne podtypy min.: table-column
, table-row
, table-column-group
, table-row-group
, table-header-group
, table-footer-group
Źródło i polecane linki:
https://www.tutorialbrain.com/css_tutorial/css_display/
https://css-tricks.com/almanac/properties/d/display/