Kaip Ištempti Stalą

Turinys:

Kaip Ištempti Stalą
Kaip Ištempti Stalą
Anonim

Poreikis ištiesti lentelę iki visos naršyklės lango erdvės kyla, pavyzdžiui, kai puslapio dizainas dedamas į lentelės vidų. Norint išspręsti šią problemą nereikia rašyti sudėtingo kodo, tačiau reikia atsižvelgti į kai kurias tinklalapių žymėjimo ypatybes.

Kaip ištempti stalą
Kaip ištempti stalą

Būtinas

Pagrindinės žinios apie HTML

Nurodymai

1 žingsnis

Pirmiausia turite išsiaiškinti būsimos operacijos prasmę. HTML kode lentelės puslapiai yra įdėtų susietų žymių rinkinys (vienas atidarymas ir vienas uždarymas). Langelių žymos (

ir

) yra įdėtos į eilutės žymas (

ir

), o jos, savo ruožtu, į lentelių žymas (

ir

). Lentelės atidarymo žymoje galite nustatyti jos plotį ir aukštį absoliučiais vienetais (pikseliais) ir santykiniais (procentais). Taikant santykinius dydžius, pagrindinio lentelės elemento plotis ir aukštis laikomi 100%. Jei lentelę įdėsite tiesiai į puslapio turinį (o ne į sluoksnį, formą, kitą lentelę ir t. T.), Jos pirminio elemento matmenys bus puslapio plotis ir aukštis. Tai reiškia, kad norint ištiesti stalą iki visos laisvos vietos, reikia nurodyti 100% horizontalius ir vertikalius jos matmenis.

2 žingsnis

Dabar galite pradėti tai praktiškai naudoti HTML. Lentelės plotį ir aukštį nurodo pločio ir aukščio atributai. Taigi lentelės kodas, nurodantis 100% matmenų visomis kryptimis ir, pavyzdžiui, su dviem langeliais vienoje eilėje, gali atrodyti taip:

kairysis lentelės langelis dešinysis lentelės langelis

3 žingsnis

Nurodžius 100% pločio ir aukščio, pakaks lentelės ištempti, jei pasirinksite tinkamą HTML standartą, pagal kurį naršyklė turėtų skaityti puslapio kodą. Žyma dedama pačioje pirmoje dokumento eilutėje. Jums reikia tokio turinio žymos:

4 žingsnis

Ir savo kode reikėtų atsižvelgti į dar vieną tašką: pagal numatytuosius nustatymus puslapis nuo lango kraštų įtraukiamas keliais pikseliais, todėl lentelė, net ir užpildžius visą puslapį, nebus ištempta iki viso lango. Norėdami pašalinti šiuos nereikalingus laukus, galite nurodyti nulio įtraukas atitinkamuose atributuose puslapio turinio pradžios žymoje ():

5 žingsnis

Surinkus visą puslapio kodą su lentele, ištempta iki viso ekrano pločio ir aukščio, atrodys taip:

Ištemptas stalas

kairysis lentelės langelis dešinysis lentelės langelis

Rekomenduojamas: