Normālā plūsma ir veids, kā elementi tiek parādīti tīmekļa lapā vairumā gadījumu. Visi HTML elementi ir lodziņos, kas ir vai nu inline kastes, vai bloķēt kastes.
Izkārtņu bloku kārbas
Parastajā plūsmā bloku kastes atrodas lapā vienu pēc otras (tādā secībā, kādā tās ir rakstītas HTML ). Tās sākas ar lodziņu augšējā kreisajā stūrī un sakrautas no augšas uz leju. Attālums starp katru lodziņu tiek noteikts ar starpībām, kurās augšējā un apakšējā robežas sabrauc viena otrai.
Piemēram, jums var būt šāds HTML:
Šis ir pirmais divs. Tas ir 200 pikseļu platums un 5 pikseļu garums.
Tas ir plašāks divs.
Tas ir div, kas ir mazliet plašāks nekā otrais.
Katrs DIV ir bloķēšanas elements, tāpēc tas tiks novietots zem iepriekšējā bloķēšanas elementa. Katra kreisā malējā maliņa pieskaras turētāja bloka kreisajam malam.
Izkārtot iekšējās kastes
Iekšējās kastes horizontāli izvietotas lapā, vienu pēc otra sākas konteinera elementa augšpusē. Ja nav pietiekami daudz vietas, lai vienā rindiņā ietilptu visi elementa lodziņā esošie elementi, tie ietina uz nākamo rindu un no turienes vertikāli sakrauj.
Piemēram, šādā HTML:
Šis teksts ir treknrakstā un šis teksts ir kursīvs . Un tas ir vienkāršs teksts.
Šis punkts ir bloķēšanas elements, bet tajā ir 5 elementārie elementi:
- "Šis teksts ir"
- "treknrakstā"
- "un šis teksts ir"
- "kursīvs"
- "Un tas ir vienkāršs teksts."
Tātad normāla plūsma ir tas, kā šie bloķēšanas un inline elementi parādīsies mājas lapā bez jebkāda interneta dizainera iejaukšanās.
Ja vēlaties ietekmēt lapu, kurā ir elements, varat izmantot CSS pozicionēšanu vai CSS pludiņus .