Նորմալ հոսքը այն եղանակն է, որ տարրերը համացանցում ցուցադրվում են շատ դեպքերում: HTML- ի բոլոր տարրերը ներսում տուփեր են, որոնք ներկառուցված արկղեր կամ արգելափակման արկղեր են:
Տեղադրում արգելափակման արկղեր
Նորմալ հոսքի մեջ արգելափակող արկղերը տեղադրվում են մեկ էջի վրա մյուսի հետեւից (կարգում HTML- ում գրված): Նրանք սկսում են պարունակող տուփի վերին ձախ եւ վերեւից ներքեւ: Յուրաքանչյուր տուփի միջեւ հեռավորությունը սահմանվում է վերին եւ ստորին եզրերով ծածկանուններով, որոնք կընկնեն միմյանց:
Օրինակ, կարող եք ունենալ հետեւյալ HTML- ը.
Սա առաջին div է: Դա շուրջ 200 պիքսել լայն է, որի շուրջ 5px մարժան:
Սա ավելի լայն բաժին է:
Սա div է, որը մի փոքր ավելի լայն է, քան երկրորդը:
Յուրաքանչյուր DIV մի բլոկի տարր է, ուստի այն կտեղադրվի նախորդ բլոկի տարրից ներքեւ: Յուրաքանչյուր ձախ ծայրը կտարածվի պարունակող բլոկի ձախ եզրին:
Ներկառուցված ներդիրի արկղերի տեղադրում
Ներկառուցված տուփերը տեղադրվում են էջի հորիզոնական մասում, մեկը մյուսի սկզբում `կոնտեյների տարրի վերեւում: Երբ մի տողում տեղադրված տուփի բոլոր տարրերը տեղադրելու համար բավարար տեղ չկա, նրանք հաջորդ գծին են փաթաթում եւ ուղղահայաց են այնտեղից:
Օրինակ, հետեւյալ HTML- ում.
Այս տեքստը համարձակ է եւ այս տեքստը շեղագիր է : Եվ դա պարզ տեքստ է:
Պարբերությունը բլոկի տարր է, բայց կա 5 գծավոր տարր.
- «Այս տեքստը»
- «համարձակ»
- "եւ այս տեքստը"
- «շեղ»
- «Եվ դա պարզ տեքստ է»:
Այսպիսով, նորմալ հոսքը այն է, թե ինչպես է այս բլոկն ու ներածին տարրերը ցուցադրվելու վեբ-էջում, առանց վեբ դիզայների կողմից որեւէ միջամտության:
Եթե ցանկանում եք ազդել, որտեղ տարրը գտնվում է էջում, կարող եք օգտագործել CSS դիրքորոշումը կամ CSS- ը փչում է :