Kas yra srautas plėtros kontekste?

Tinklo plėtojime dažniausiai kalbama apie Normalų srautą (įprastą elementų išdėstymo srautą) CSS. Tai būdas, kaip naršyklė pagal numatytuosius nustatymus išdėsto HTML elementus tinklalapyje, jei nenaudojamos specialios savybės (pvz., float, position, flexbox, grid).

Pagrindinės Normalio srauto savybės:

• Bloko elementai: Kiekvienas bloko elementas užima visą prieinamą plotį ir yra išdėstytas naujoje eilutėje, po kito.
• Inline elementai: Jie išdėstomi toje pačioje eilutėje iš kairės į dešinę ir pereina į naują eilutę, jei nėra pakankamai vietos. Jų dydis nustatomas pagal turinį.
• Sąveika: Normalio srauto elementai veikia vienas kito poziciją.

Pavyzdys:

<div>Pirmas blokas</div>  
<span>Pirmas eilutė</span><span>Antra eilutė</span>  
<div>Antras blokas</div>

Šiuo atveju, "Pirmas blokas" ir "Antras blokas" bus atskirose eilutėse, o "Pirmas eilutė" ir "Antra eilutė" — toje pačioje eilutėje (jei tilps).

Normalio srauto supratimas yra labai svarbus efektyviai CSS naudojimui ir prognozuojamų maketų kūrimui. Jei nuo jo nukrypstate (naudodami pozicionavimą, flexbox ir kt.), svarbu žinoti jų įtaką šiam pagrindiniam srautui.