Вэбсайт дээрх зай нь маш энгийн зүйл мэт санагддаг. Гэхдээ эхний удаа та түлхүүрээ хэдэн удаа цохихыг хичээдэг бөгөөд энэ мэдээллийг таны хуудас дээр харагдахгүй байгаа бол та үүнийг хараад хялбар биш гэдгийг ойлгох болно.
Вэбсайт дээр зай гаргах хэд хэдэн арга байна. Эхний хоёр нь HTML тагуудтай:
...
Зүйлийн маркер нь ихэвчлэн эд зүйл хоорондын зайг тавьдаг. Энэ нь догол мөрийн завсарлага болно.
Гэсэн хэдий ч хэд хэдэн
-ийн дараалал нь таны хуудсан дээр гарахаас өөр юу ч хийхгүй. Зарим редакторууд илүү зай авахын тулд
тавина, гэхдээ энэ нь үнэхээр
тагийг ашигладаггүй, гэхдээ бид нэг минутад хүрэх тэмдэгт.
Түлхүүр нь зөвхөн текстийн урсгалд нэг мөрийг нээхийг хэлнэ. Гэсэн хэдий ч энэ нь хоосон орон зайны урт мөрүүдийг үүсгэхийн тулд олон удаа дараалан ашиглаж болно. Асуудал нь, та зайны өргөн, өргөнийг тодорхойлж чадахгүй, энэ нь автоматаар хуудсын өргөн болно.
CSS margin ба padding
Вэбсайтдаа баримт бичгийг оруулах өөр нэг арга бол CSS property margin ба padding гэсэн үг юм. Энэ нь таны элементүүдийн хооронд яг таарах зайг олох илүү сайн арга юм. Мөн та баримт бичгийн босоо зайд илүү нөлөөлж чадна.
Үл эвдэхгүй орон зай ()
Эцэст нь хэлэхэд эвдэрч хэмхрэх зай байдаг. Энэ тэмдэглэгээний нэгж нь ердийн текст зай шиг ажилладаг бөгөөд хөтөч нь тус тусдаа ханддаг.
Хэрэв та дараалсан дөрвөн мөрийг тавьбал хөтөч текстэнд дөрвөн зай үлдээнэ.
Тэмдэглэлд хуучин хөтөчүүд олон тооны эвдрээгүй зайг үүсгэж болохгүй.
Хүснэгт дэх үл эвдэх зайг ашиглах
Хүснэгтэнд ямар нэгэн зүйлийг нээлттэй байлгахын тулд хүснэгтийг хаадаг, тасалддаггүй. Жишээ нь: 30-пиксель ус бүхий хүснэгтэд дараах HTML-г ашиглана уу:
| Энэ текстийн зүүн талд бага хэмжээний зай байх шаардлагатай. Зарим хөтөч нь зөв харуулах болно, гэхдээ олон хүн хүснэгтийн өргөн хүсэлтийг үл тоомсорлож, текстийг зүүн маршруу оруулаарай. Маш жигшмээр! |
Хэрвээ хүснэгт таслах таслалыг таслахгүй байлгахын тулд завсаргүй зай ашигла:
| Энэ текстийн зүүн талд бага хэмжээний зай байх шаардлагатай. Ихэнх хөтчүүд үүнийг зөв харуулах болно. |