Čo je normálny tok vo webovom dizajne?

Bill Oxford/Getty Images

Normálny tok je spôsob, akým sa vo väčšine prípadov zobrazujú prvky na webovej stránke. Všetky prvky v HTML sú v rámčekoch, ktoré sú buď vložené, alebo blokovať krabice.

Rozloženie blokových boxov

V normálnom postupe sú blokové polia umiestnené na stránke jeden po druhom (v poradí, v akom sú napísané v HTML ). Začínajú v ľavom hornom rohu škatule a hromadia sa zhora nadol. Vzdialenosť medzi každým rámčekom je určená okrajmi, pričom horný a dolný okraj sa zhŕňa do seba.

Môžete mať napríklad nasledujúci kód HTML:

|_+_|Toto je širšia časť.

Každý

DIVje prvok bloku, takže bude umiestnený pod predchádzajúcim prvkom bloku. Každý ľavý vonkajší okraj sa bude dotýkať ľavého okraja bloku, ktorý obsahuje

Vložené polia sú na stránke rozložené vodorovne, jeden po druhom, začínajúc v hornej časti kontajnerového prvku. Keď nie je dostatok miesta na to, aby sa všetky prvky vloženého rámčeka zmestili na jeden riadok, zalomia sa na ďalší riadok a odtiaľ sa vertikálne uložia.

Napríklad v nasledujúcom HTML:

|_+_|

Odsek je blokový prvok, ale obsahuje 5 riadkových prvkov:

• 'Tento text je'
• 'bold'
• a tento text je
• 'kurzíva'
• '. A toto je obyčajný text.“

Takže normálny tok je spôsob, akým sa tieto blokové a vložené prvky zobrazia na webovej stránke bez akéhokoľvek zásahu webového dizajnéra. Ak chcete ovplyvniť, kde sa prvok na stránke nachádza, môžete použiť CSS positioning alebo CSS pláva .