Tarve venyttää taulukko koko selainikkunan tilaan syntyy esimerkiksi silloin, kun sivun suunnittelu sijoitetaan taulukon sisälle. Ratkaisu tähän ongelmaan ei vaadi monimutkaisen koodin kirjoittamista, mutta siinä on otettava huomioon joitain verkkosivujen merkintöjen ominaisuuksia.
Tarpeellinen
Perustiedot HTML: stä
Ohjeet
Vaihe 1
Ensin sinun on selvitettävä tulevan operaation merkitys. HTML-koodissa taulukon sivut ovat joukko sisäkkäisiä pariksi liitettyjä tunnisteita (yksi avaava ja yksi sulkeva). Solutunnisteet (
) on sisäkkäin merkkijonotunnisteissa (
) ja ne puolestaan taulukotunnisteiksi (
). Taulukon alkutunnisteessa voit asettaa sen leveyden ja korkeuden sekä absoluuttisina yksikköinä (pikseleinä) että suhteellisina (prosentteina). Suhteellisissa kooissa taulukon pääelementin leveys ja korkeus otetaan 100%: ksi. Jos sijoitat taulukon suoraan sivun runkoon (eikä kerrokseen, muotoon, muuhun taulukkoon jne.), Sen emoelementin mitat ovat sivun leveys ja korkeus. Tämä tarkoittaa, että pöydän venyttämiseksi koko vapaaseen tilaan sinun on määritettävä sille 100% vaaka- ja pystymitat.
Vaihe 2
Nyt voit aloittaa tämän käytännön toteuttamisen HTML-muodossa. Taulukon leveys ja korkeus määritetään leveys- ja korkeusattribuuteilla. Joten taulukon koodi, joka osoittaa 100% mitoista kaikkiin suuntiin ja esimerkiksi kaksi solua yhdessä rivissä, voi näyttää tältä:
| taulukon vasen solu | taulukon oikea solu |
Vaihe 3
100% leveyden ja korkeuden määrittäminen riittää taulukon venyttämiseen, jos valitset oikean HTML-standardin, jonka mukaan selaimen tulisi lukea sivukoodi. Tunniste sijoitetaan asiakirjan ensimmäiselle riville. Tarvitset tagin, jolla on seuraava sisältö:
Vaihe 4
Ja vielä yksi piste tulee ottaa huomioon koodissasi: oletusarvoisesti sivu on sisennetty muutamalla pikselillä ikkunan reunasta, joten taulukko ei venytä koko ikkunaan edes koko sivun täyttämisen jälkeen. Näiden tarpeettomien kenttien poistamiseksi voit määrittää nollan sisennyksen vastaaviin määritteisiin sivun rungon alkutagissa ():
Vaihe 5
Kokoonpanon yhteydessä koko sivukoodi taulukon kanssa, joka on venytetty näytön koko leveydelle ja korkeudelle, näyttää tältä:
Joustava pöytä
| taulukon vasen solu | taulukon oikea solu |
