Вэб хуудсанд байрлуулсан хүснэгтийг үүсгэдэг HyperText Markup Language (HTML) заавар нь нэлээд олон тооны нэмэлт параметрүүдийг өгдөг. Энэ нь бусад блок элементүүдээс ялгаатай нь хэмжээгээ CSS хэл (Cascading Style Sheets эсвэл "Cascading Style Sheets") ашиглан төдийгүй HTML-ийг өөрөө ашиглах боломжийг олгодог.
Зааварчилгаа
1-р алхам
Хүснэгтийн өргөний атрибутыг ашиглан хүснэгтийн өргөнийг пикселээр зааж өгнө. Шошго (HTML заавар) хүснэгт нь нээлтээс бүрдэнэ (
) хэсгүүд, тэдгээрийн хооронд хүснэгтийн мөр, нүдийг үүсгэдэг хаягууд байдаг. Нэмэлт параметрүүдийг (шинж чанаруудыг) нээлтийн шошгонд байрлуулж болох бөгөөд тэдгээрийн жагсаалтыг тодорхой шошго тус бүрт олон улсын стандартаар тодорхойлдог. Хүснэгтийн шошгын хувьд эдгээр стандартууд нь хүснэгтийн өргөнийг пикселээр тодорхойлдог width шинж чанарыг ашиглахыг зөвшөөрдөг. 500 пикселийн өргөнийг тодорхойлох ийм шошготой энгийн хүснэгтийн HTML код дараах байдалтай байна.
| 1-р нүд | 2-р нүд |
Алхам 2
Хэрэв та хүснэгтийн өргөнийг пикселээр биш харин хувиар зааж өгөх шаардлагатай бол width шинж чанарын утгад% тэмдэгт нэмнэ үү.
| 1-р нүд | 2-р нүд |
Эдгээр хувь хэмжээ нь хөтчийн цонхны өргөн дээр суурилсан байх албагүй гэдгийг анхаарна уу. Баримтын бүтэц нь энд чухал үүрэгтэй бөгөөд үүрлэсэн хүүхэлдэй нь үүрнээсээ илүү өргөн байж чадахгүйтэй адил хүснэгтийн өргөний 100% нь үндсэн элементийн өргөнөөс их байж болохгүй. Жишээлбэл, хүснэгт нь div блок дотор байгаа бол энэ блокийн өргөнийг 100% гэж авна.
Алхам 3
Вэб хуудсан дахь хүснэгтүүдийн ижил өргөнийг эх кодын нэг газарт тохируулахыг хүсвэл хэв маягийн тодорхойлолтын хэлний зааврыг ашиглана уу. Үүнийг хийхийн тулд HTML кодын толгой хэсэгт (ба хооронд) CSS хэлний мэдэгдлийг хязгаарласан нээх ба хаах шошгыг байрлуулна уу.
/ * CSS заавар энд байх болно * /
Дараа нь дараахь CSS-ийг эдгээр шошгуудын хооронд байрлуулна уу: table {width: 100px;} Энд хүснэгт нь буржгар хаалтанд байрлуулсан тайлбарыг хуудасны код дээр гарч ирэх бүх хүснэгтийн тэмдэгтэд хэрэглэх ёстойг харуулж байна. Өргөний параметр нь өргөнийг тохируулдаг. Энд бас харьцангуй өргөнийг хувиар ашиглаж болно.
Алхам 4
Хэрэв та бүх хүснэгтэд биш харин зөвхөн нэг эсвэл хэд хэдэн хүснэгтэд өргөнийг зааж өгөх шаардлагатай бол CSS код болон HTML хүснэгтийн таг дээр ангийн нэрийг зааж өгнө үү. Жишээлбэл, нарийн ширээний бүлгийг тэмдэглэдэг анги нь өчүүхэн гэж үзье. Дараа нь түүний хэв маягийн тодорхойлолт дараах байдалтай байж магадгүй юм: table.tiny {width: 100px;} Мөн HTML код дээрх нэг хүснэгтийн харгалзах шошго дараах байдалтай байна.
| 1-р нүд | 2-р нүд |
