זרימה רגילה

זרימה רגילה היא האופן שבו אלמנטים מוצגים בדף אינטרנט ברוב הנסיבות. כל האלמנטים ב- HTML נמצאים בתוך תיבות שהן תיבות מוטבעות או תיבות חסימה .

הנחת תיבות בלוק

בזרם רגיל, תיבות לחסום ממוקמות על עמוד אחד אחרי השני (לפי הסדר הם כתובים ב- HTML ). הם מתחילים בפינה השמאלית העליונה של התיבה המכילה וערימה מלמעלה למטה. המרחק בין כל תיבה מוגדר על ידי השוליים עם השוליים העליונים והתחתונים מתמוטטים זה לזה.

לדוגמה, ייתכן שיש לך את ה- HTML הבא:

זהו div הראשון. זה 200 פיקסלים רחב עם שולי 5px סביב זה.

זהו div רחב יותר.

זהו div זה קצת יותר רחב מאשר השני.

כל DIV הוא רכיב בלוק, כך שהוא ימוקם מתחת לאלמנט הקודם של הבלוק. כל הקצה החיצוני השמאלי יגע בקצה השמאלי של הבלוק המכיל.

הנחת תיבות מוטבעות

תיבות מוטבעות מוטלות על הדף בצורה אופקית, אחת אחרי תחילתה בחלק העליון של רכיב הגורם המכיל. כאשר אין מספיק מקום כדי להתאים את כל האלמנטים של תיבת מוטבעת על שורה אחת, הם לעטוף את השורה הבאה מחסנית אנכית משם.

לדוגמה, ב- HTML הבא:

טקסט זה מודגש וטקסט זה הוא נטוי . וזה טקסט רגיל.

הסעיף הוא אלמנט בלוק, אבל יש 5 אלמנטים מוטבעים:

• "הטקסט הזה הוא "
• "נוֹעָז"
• "והטקסט הזה הוא"
• "אוֹתִיוֹת מוּטוֹת"
• "וזה טקסט פשוט".

אז תזרים נורמלי הוא איך אלה לחסום אלמנטים מוטבעים יוצגו בדף האינטרנט ללא כל התערבות על ידי מעצב האינטרנט.

אם אתה רוצה להשפיע על המיקום של אלמנט בדף, תוכל להשתמש במיקוד CSS או ב- CSS צף .