Kas yra įprastas interneto dizaino srautas?

Billas Oksfordas / Getty Images

Įprastas srautas yra būdas, kuriuo elementai daugeliu atvejų rodomi tinklalapyje. Visi HTML elementai yra laukeliuose, kurie yra įterptieji langeliai arba blokas dėžės.

Blokų dėžių išdėstymas

Esant įprastam srautui, blokų langeliai yra išdėstyti puslapyje vienas po kito (taip, kaip jie parašyti HTML ). Jie prasideda viršutiniame kairiajame dėžutės, kurioje yra, kampe ir yra sukrauti iš viršaus į apačią. Atstumas tarp kiekvieno langelio apibrėžiamas paraštėmis, o viršutinė ir apatinė paraštės susitraukia viena į kitą.

Pavyzdžiui, galite turėti šį HTML:

|_+_|Tai platesnis skirsnis.

Kiekvienas

DIV yra bloko elementas, todėl jis bus dedamas po ankstesniu bloko elementu. Kiekvienas kairysis išorinis kraštas palies kairįjį bloko, kuriame yra, kraštą.Inline dėžučių išdėstymas

Eilutiniai langeliai puslapyje išdėstomi horizontaliai, vienas po kito pradedant konteinerio elemento viršuje. Kai nėra pakankamai vietos, kad vienoje eilutėje tilptų visi įterptosios dėžutės elementai, jie perkeliami į kitą eilutę ir iš ten sukraunama vertikaliai.

Pavyzdžiui, šiame HTML:

|_+_|

Pastraipa yra blokinis elementas, tačiau yra 5 eilutės elementai:

• „Šis tekstas yra“
• 'drąsus'
• ir šis tekstas yra
• 'kursyvas'
• “. Ir tai yra paprastas tekstas.

Taigi įprastas srautas yra tai, kaip šie blokiniai ir įterptieji elementai bus rodomi tinklalapyje be jokio žiniatinklio dizainerio įsikišimo. Jei norite paveikti elemento vietą puslapyje, galite naudoti CSS padėties nustatymą arba CSS plūduriuoja .