Wat is normale stroom in webdesign?

Bill Oxford/Getty Images

Normale stroom is de manier waarop elementen in de meeste gevallen op een webpagina worden weergegeven. Alle elementen in HTML bevinden zich in vakken die ofwel inline-vakken zijn of blok dozen.

Blokdozen uitzetten

In normale stroom worden blokdozen de een na de ander op een pagina geplaatst (in de volgorde waarin ze zijn geschreven in de HTML ). Ze beginnen in de linkerbovenhoek van de doos en stapelen zich van boven naar beneden op. De afstand tussen elk vak wordt bepaald door de marges waarbij de boven- en ondermarges in elkaar overlopen.

U hebt bijvoorbeeld de volgende HTML:

|__+_|Dit is een bredere div.

Elk

DIVis een blokelement, dus het wordt onder het vorige blokelement geplaatst. Elke linker buitenrand raakt de linkerrand van het bevattende blok. Inline-boxen indelen

Inline-vakken worden horizontaal op de pagina ingedeeld, de een na de ander, beginnend bovenaan het containerelement. Als er niet genoeg ruimte is om alle elementen van de inline-box op één regel te passen, gaan ze naar de volgende regel en worden vanaf daar verticaal gestapeld.

Bijvoorbeeld in de volgende HTML:

|__+_|

De alinea is een blokelement, maar er zijn 5 inline-elementen:

• 'Deze tekst is '
• 'vetgedrukt'
• ' en deze tekst is '
• 'cursief'
• '. En dit is platte tekst.'

Dus normale stroom is hoe deze blok- en inline-elementen op de webpagina worden weergegeven zonder enige tussenkomst van de webdesigner. Als u wilt beïnvloeden waar een element zich op een pagina bevindt, kunt u CSS-positionering gebruiken of CSS zweeft .