Normalus srautas yra būdas, kad elementai rodomi tinklalapyje daugeliu atvejų. Visi HTML elementai yra viduje esantys laukeliai, kurie yra arba vidiniai, arba blokiniai langeliai.
Išdėstymas bloknotai
Paprasčiuose srautuose bloko dėžutės yra viena po kitos po puslapio (tokia, kokia jie parašyti HTML ). Jie prasideda viršutiniame kairiajame dėžutės lange ir kaupiasi iš viršaus į apačią. Atstumas tarp kiekvienos dėžutės apibrėžiamas maržomis, kurių viršutinė ir apatinė maržos sutraukia viena į kitą.
Pavyzdžiui, galite turėti tokį HTML:
Tai pirmas divas. Tai 200 pikselių pločio ir 5 pikselių marža aplink ją.
Tai yra platesnė div.
Tai div, kuris yra šiek tiek platesnis už antrąjį.
Kiekvienas DIV yra blokinis elementas, todėl jis bus dedamas žemiau ankstesnio bloko elemento. Kiekvienas kairysis išorinis kraštas palies kairiojo bloko bloko kraštą.
Išdėstyti intarpus dėžutes
"Inline" dėžės išdėstytos horizontaliai, po vieną po kito pradedant konteinerio elemento viršuje. Kai vienoje eilutėje trūksta vietos, kad tilptų visas intarpo dėžutės elementus, jie įpakuos į kitą eilutę ir sukraunami iš ten vertikaliai.
Pavyzdžiui, šiame HTML:
Šis tekstas yra paryškintas ir šis tekstas yra kursyvu . Ir tai yra paprastas tekstas.
Ši pastraipa yra blokinis elementas, tačiau yra 5 elementai:
- "Šis tekstas yra"
- "drąsus"
- "ir šis tekstas yra"
- "kursyvu"
- "Ir tai yra paprastas tekstas".
Taigi, normalus srautas yra tai, kaip šie blokiniai ir vidiniai elementai bus rodomi tinklalapyje be jokio interneto dizainerio įsikišimo.
Jei norite paveikti tai, kur yra elementas puslapyje, galite naudoti CSS padėtį ar CSS plūdes .