Хэвийн урсгал нь элементүүд нь ихэнх тохиолдолд вэб хуудсанд харуулах арга юм. HTML доторх бүх элементүүд нь дотроо хайрцаг эсвэл хаалттай хайрцаг дотор байна.
Блок хайрцагыг байрлуулах
Хэвийн урсгалд блокны хайрцаг нөгөө талаас нэг хуудсан дээр байрладаг (тэдгээр нь HTML- д бичигдсэн дарааллаар). Тэдгээр нь хайрцагны зүүн дээд талд байрлана. Хайрцаг бүрийн хоорондох зай нь дээд ба доод захтай захуудаар тодорхойлогддог.
Жишээ нь, та дараах HTML-тэй байж магадгүй:
Энэ бол анхны хув. Энэ нь ойролцоогоор 200 пиксел өргөнтэй, 5 пикс бүхий маржинтай.
Энэ бол өргөн тархац юм.
Энэ бол хоёр дахь хэмжээнээс арай илүү өргөнтэй див юм.
DIV бүр блок элемент тул өмнөх блок элементээс доош байршуулна. Зүүн гар талын ирмэг бүр нь агуулсан блокны зүүн захад хүрнэ.
Доторлогоотой хайрцагт тавих
Шуудангийн хайрцагыг хэвтээ байрлал дээр байрлуулсан бөгөөд нэг нь нөгөө савны элементийн дээд хэсэгт байрлана. Нэг мөрөнд inline хайрцгийн бүх элементүүдийг багтаах хангалттай зай байхгүй бол тэдгээрийг дараагийн мөрөнд оруулан босоогоор нь босоо байдлаар байрлуулна.
Жишээ нь, дараах HTML файлд:
Энэ текст тод байна , энэ текст нь налуу . Энэ бол цэвэр текст.
Зүйл бол блок элемент боловч 5 үндсэн элемент байна:
- "Энэ текст"
- "зоригтой"
- "Энэ текст нь"
- "налуу"
- Энэ бол цэвэр текст. "
Тиймээс хэвийн урсгал нь эдгээр блокууд болон шугамын элементүүд вэб хуудсанд вэб дизайнер ямар ч оролцоогүйгээр харагдах болно.
Хэрвээ элемент нь хуудсан дээр байрлах бол CSS байрлуулалт эсвэл CSS хөвөгч ашиглаж болно.