Нормален проток е начинот на кој елементите се прикажуваат на веб-страница во повеќето околности. Сите елементи во HTML се во кутии кои се или вродени кутии или блокирани кутии.
Поставување блок кутии
Во нормален тек, блок-кутиите се позиционирани на страницата еден по друг (по редослед напишана во HTML ). Почнуваат во горниот лев дел од кутијата со содржина и се складираат од врвот до дното. Растојанието помеѓу секоја кутија е дефинирано од маргините со врвни и долни маргини кои се распаѓаат еден во друг.
На пример, може да го имате следниов HTML:
Ова е првиот див. Тоа е ширина од 200 пиксели со 5px маргина околу неа.
Ова е поширок див.
Ова е дел кој е малку поширок од вториот.
Секој DIV е блок елемент, така што ќе биде поставен под претходниот блок елемент. Секоја лева надворешна раб ќе го допре левиот раб на блокот со содржина.
Поставување на вметнати кутии
Вградените кутии се поставени на страната хоризонтално, еден по друг, кој започнува на врвот на садот елемент. Кога нема доволно простор за да ги собере сите елементи на вградената кутија на една линија, тие завршуваат на следната линија и од таму се движат вертикално.
На пример, во следниот HTML:
Овој текст е задебелен и овој текст е закосен . И ова е обичен текст.
Ставот е блок елемент, но има 5 елементи во линија:
- "Овој текст е"
- "задебелен"
- "и овој текст е"
- "курзив"
- "И ова е обичен текст".
Толку нормален проток е како овие блок и вметнати елементи ќе бидат прикажани на веб-страницата без каква било интервенција од веб-дизајнерот.
Ако сакате да влијаете каде што елемент е на страница, можете да користите позиционирање на CSS или CSS плови .