Kas ir normāla plūsma tīmekļa dizainā?

Bils Oksfords/Getty Images

Parasta plūsma ir veids, kā elementi tiek parādīti tīmekļa lapā vairumā gadījumu. Visi HTML elementi atrodas lodziņos, kas ir vai nu iekļauti lodziņi, vai bloķēt kastes.

Bloku kastīšu izvietošana

Parastā plūsmā bloku lodziņi tiek novietoti lapā viens pēc otra (secībā, kādā tie ir rakstīti HTML ). Tie sākas saturošās kastes augšējā kreisajā stūrī un sakrājas no augšas uz leju. Attālumu starp katru lodziņu nosaka malas, un augšējās un apakšējās piemales sakrīt viena otrā.

Piemēram, jums varētu būt šāds HTML:

|_+_|Šis ir plašāks dalījums.

Katrs

DIV ir bloka elements, tāpēc tas tiks novietots zem iepriekšējā bloka elementa. Katra kreisā ārējā mala pieskarsies saturošā bloka kreisajai malai.Iekļauto kastīšu izkārtošana

Iekļautie lodziņi tiek izvietoti lapā horizontāli, viens pēc otra, sākot no konteinera elementa augšdaļas. Ja nav pietiekami daudz vietas, lai vienā rindā ievietotu visus iekļautā lodziņa elementus, tie pāriet uz nākamo rindiņu un no turienes sakrauj vertikāli.

Piemēram, šādā HTML:

|_+_|

Rindkopa ir bloka elements, taču tajā ir 5 iekļauti elementi:

• 'Šis teksts ir'
• 'drosmīgs'
• 'un šis teksts ir'
• 'slīps'
• '. Un tas ir vienkāršs teksts.

Tātad parasta plūsma ir veids, kā šie bloku un iekļautie elementi tiks parādīti tīmekļa lapā bez tīmekļa dizainera iejaukšanās. Ja vēlaties ietekmēt elementa atrašanās vietu lapā, varat izmantot CSS pozicionēšanu vai CSS peld .