Wyszukaj / o blogu

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

Css diplay

Źródło i polecane linki:

https://www.tutorialbrain.com/css_tutorial/css_display/

https://css-tricks.com/almanac/properties/d/display/