Kaip atsikratyti tarpų HTML lentelėse

click fraud protection

Jei puslapio išdėstymui naudojate lenteles (ne-ne XHTML formatu), tikėtina, kad jūsų maketuose pasimatys negražiai papildomos vietos. Norėdami išspręsti šią problemą, turite patikrinti HTML lentelės apibrėžimą ir bet kokio valdomo stiliaus lapo specifiką.

HTML lentelės apibrėžimas

HTML žyma pagal numatytuosius nustatymus lentelėms netaikomi kai kurie tarpų reikalavimai. Patikrinkite tris dalykus apie stalo žyma jūsų HTML dokumente:

  1. Ar jūsų lentelėje „cellpadding“ atributas nustatytas į 0?
    1. cellpadding = "0"
  2. Ar jūsų lentelės langelių atstumo atributas nustatytas į 0?
    1. langelių atstumas = "0"
  3. Ar yra tarpų prieš arba po jūsų turiniu ir lentelės žymomis?

Skaičius 3 yra kicker. Daugelis HTML redaktoriai norėtųsi, kad kodas būtų išdėstytas atskirai, kad būtų lengva jį perskaityti. Tačiau daugelis naršyklių tuos skirtukus, tarpus ir grįžimo ženklus grąžina kaip norimą papildomą vietą lentelėse. Atsikratykite tarpų, supančių jūsų žymas, ir turėsite aiškesnes lenteles.

Stiliaus lapai

Tačiau gali būti, kad išjungtas ne HTML.

instagram viewer
Kaskados stiliaus lapai valdykite kai kuriuos lentelių atributus ir, priklausomai nuo puslapio, iš pradžių galbūt sąmoningai pridėjote konkrečios lentelės CSS.

Nuskaitykite valdančiame CSS faile bet kurią iš šių reikšmių stalo, tūkstarba tdsavybes ir prireikus sureguliuokite:

  • sienos: Nurodo lentelės ar langelio kraštinės atributus
  • sienos griūtis: Traktuoja gretimas kraštines kaip vieną, kad būtų išvengta pasikartojančių kraštų pločių
  • paminkštinimas: Aplink kiekvieną langelį pateikiama tuščia vieta taškuose
  • sulyginti tekstą: Nustato teksto lygiavimas kameroje
  • sienos atstumas: Nustato atstumą tarp langelių pikseliais

Alternatyvos

Nors vis tiek galite naudoti HTML lenteles (standartas yra nusistovėjęs ir visuotinai palaikomas šiandien naršyklės), moderniausias interaktyvus interneto dizainas naudoja pakopinius stiliaus lapus elementams įdėti į puslapį. Lentelės vis tiek turi prasmę pagal jų pradinį tikslą rodyti lentelių duomenis, tačiau norint tvarkyti puslapio išdėstymą ir turinį, jums geriau naudoti CSS išdėstymą.

instagram story viewer