Normal Flow

Normal axın, elementlərin əksər hallarda veb səhifəsində göstərilməsinin yoludur. HTML-də bütün elementlər inline qutuları və ya blok qutuları olan qutular daxilindədir.

Qorunan qutuları yerləşdirin

Normal axında blok qutuları digərindən sonra bir səhifədə yerləşdirilir ( HTML -də yazılmışlar). Onlar qutusu yuxarı sol və topdan aşağı yığını başlayır. Hər qutu arasındakı məsafə bir-birinə çökən üst və alt marjlar olan boşluqlarla müəyyən edilir.

Məsələn, aşağıdakı HTML ola bilər:

Bu ilk divdur. Bunun ətrafında 5px margin ilə 200 piksel geniş.

Bu daha geniş bir divadır.

Bu, ikincidən daha geniş bir divdur.

Hər DIV blok elementidir, buna görə də əvvəlki blok elementinin altına yerləşdiriləcəkdir. Hər sol xarici kənar olan blokun sol kənarına toxunacaq.

Inline qutuları çəkmək

Inline qutuları konteyner elementinin yuxarı hissəsindəki başlanğıcdan sonra birbaşa üfüqi olaraq yerləşdirilir. Satır qutusunun bütün elementlərini bir satırda yerləşdirmək üçün kifayət qədər yer olmadıqda, növbəti xəttə sarıldıqdan sonra vertikal şəkildə yığışırlar.

Məsələn, aşağıdakı HTML:

Bu mətn cəsarətli və bu mətn italikdir . Və bu düz mətndir.

Paraqraf blok elementidir, ancaq 5 inline element var:

Beləliklə, normal axın, bu blok və inline elementlərin veb-səhifəmizdə veb-dizayner tərəfindən müdaxilə etmədən necə göstəriləcəyidir.

Bir elementin bir yerdəki yerini təsir etmək istəyirsinizsə, CSS yerləşdirməsindən və CSS-dən istifadə edə bilərsiniz.