CSS ашиглан хүснэгтийг төвлөрөх энгийн арга зам

Кодын нэг мөр нь та бүхэн хүснэгтийн төвд байх ёстой

Cascading Style Sheets (CSS) нь HTML болон XHTML-т бичигдсэн веб хуудсын визуал стилийг хамгийн их ашигладаг хэв маягийн хэлний хэл юм. Та веб дизайн эсвэл CSS дээр шинэ байж болох бөгөөд хүснэгтийг хэрхэн төвөггүй үзэх талаархи асуултуудтай. Та бас энэ техникийг хэрхэн хийх талаар төөрөлдсөн туршлагатай дизайнер байж болох бөгөөд тестийн тэмдэглэгээ болон align = "center" гэсэн шинж чанарыг хуучирсан байна. CSS-ээр вэб хуудсан дээр төвлөрч байгаа хүснэгтүүд нь тийм ч хэцүү биш юм.

Хүснэгтийг төвд CSS ашиглах

Та хүснэгтээ хэв маягаар хэвлүүлэхийн тулд нэг мөрийг нэмж болно.

table {margin: auto; }

эсвэл та тэрхүү мөрийг өөрийн хүснэгтэд шууд оруулж болно:

Вэб хуудсанд хүснэгтэд байрлуулахдаа та BODY, P, BLOCKQUOTE, DIV гэх мэт блок түвшний элемент дотор байрлуулна. Та элемент доторх хүснэгтэд margin: auto; хэв маяг. Энэ нь браузерын хүснэгтийг бүх талаас тэнцүү хэмжээгээр үүсгэдэг бөгөөд энэ нь хүснэгтийг вэб хуудасны төвд байршуулдаг.

Зарим Хуучин Вэб Хөтөчүүд Дэмжих Энэ арга

Хэрвээ таны сайт интернет Explorer 6 зэрэг хуучин вэб хөтөчийг дэмжих ёстой бол та align = "center" буюу төвийн шошгыг үргэлжлүүлэн ашиглах хэрэгтэй болно. Энэ бол таны хүснэгтэд вэб хуудсан дээр төвлөрөх үед гарах хамгийн хүндрэлийн тухай юм. Энэ аргыг ашиглах нь хялбар бөгөөд хэдэн минутын дотор гүйцэтгэгдэж болно.