Өнөө үеийн ихэнх хуудсуудыг давхар (div) ашиглан байрлуулсан тул сайтыг хөтөчийн цонхны төвд байрлуулах асуудал нь хуудасны харагдах талбайн өргөнийг тодорхойлдог давхаргыг төвлөрүүлэх ажил хүртэл багасдаг. Үүнийг цонхны дунд байрлуулахын тулд түүний эх элемент эсвэл энэ блокийн тохирох тохиргоог тохируулах шаардлагатай.
Энэ нь зайлшгүй шаардлагатай
HTML ба CSS хэлний анхан шатны мэдлэг
Зааварчилгаа
1-р алхам
Зөвхөн HTML хэлний хэрэгслийг ашиглан хийхийг хүсвэл цонхны төвд байрлуулахыг хүсч буй давхаргыг төвийн тагийн нээх ба хаах хэсгүүдийн хооронд байрлуулна (HyperText Markup Language - "hypertext markup language").. Хуудасны хил хязгаарыг тодорхойлдог давхаргын эцэг эх нь энэ хуудасны үндсэн хэсэг гэж бид тооцох болно. Энэ тохиолдолд төвийн кодыг ашигладаг HTML кодын хамгийн энгийн хувилбар нь дараах байдалтай байж магадгүй юм.
Төв хуудас
хуудасны текст
Алхам 2
Хэрэв та хуудсыг төвд зэрэгцүүлэхийн тулд CSS (Cascading Style Sheets) -ийг ашиглахыг хүсвэл хөтчийн цонхны хүрээнээс дэвсгэрийг автоматаар хэмжихийг ашиглана уу. CSS дэх захын хэмжээг маржин параметрээр тодорхойлно. Өмнөх дээжээс төвийн хаягийг арилгаж хуудасны өргөнийг тодорхойлдог давхаргын style атрибут дээр 0 auto гэсэн маржин параметрийг нэмнэ:
Төв хуудас
хуудасны текст
Алхам 3
Мэдээжийн хэрэг, хэв маягийн тодорхойлолтыг хэв маягийн шинж чанараас хасаж, гадны файл эсвэл баримт бичгийн толгойд байрлуулж болно. Энэ тохиолдолд ижил код дараах байдалтай байх болно.
Төв хуудас
#pageFrame {
өргөн: 700px;
өндөр: 400px;
суурь: # 0BB;
маржин: 0 автомат;
}
хуудасны текст
