Display ist einer der wichtigsten CSS-Befehle. Es regelt,wie ein HTML-Tag angezeigt wird. Dieses Befehl ist der wichtigste um den Layout von dem Website zu bilden.
Es gibt:
- - display: none;
- - display: block;
- - display: inline;
- - display: inline-block;
- - display: flex;
- - display: grid;
- - ...
display: block;
Er stellt ein HTML-Element wie ein Box-Element dar. Er ist standard für fast alle HTML-Elemente,wie body , div , p usw. Er startet immer eine neue Zeile und nimmt automatisch die ganze Breite ein.
display: inline;
Dieses display-Befehl stellt ein HTML-Element als Inline-Element dar.Der ist standard für img , span , a usw. "display: inline;" startet keine neue Zeile und es hat kein "width" und "height",weil es nimmt die Höhe und Breite des Inhalts ein.
display: inline-block;
"display: inline-block" stellt ein HTML-Element als Inline-Element dar, der die Eigenschaften eines Block-Elements hat. Es startet keine neue Zeile,aber hat schon "width" und "height".