Kako se znebiti prostorov v tabelah HTML

click fraud protection

Če za postavitev strani uporabljate tabele (ne-ne v XHTML), verjetno boste v postavitvah doživeli grdo dodatek dodatnega prostora. Če želite odpraviti to težavo, morate preveriti tako definicijo tabele HTML kot tudi podrobnosti katerega koli urejevalnega sloga.

Definicija tabele HTML

HTML oznaka za tabele privzeto ne nadzoruje nekaterih zahtev glede razmika. Preverite tri stvari o miza v vašem dokumentu HTML:

  1. Ali ima tabela atribut cellpadding nastavljen na 0?
    1. cellpadding = "0"
  2. Ali ima vaša tabela atribut »cellpacing« nastavljen na 0?
    1. cellpacing = "0"
  3. Ali obstajajo presledki pred ali za vašo vsebino in oznakami tabele?

Številka 3 je udarec. Veliko Urejevalniki HTML bi radi, da je koda razmaknjena, da jo je lažje brati. Toda mnogi brskalniki te zavihke, presledke in vrnitve nosilcev interpretirajo kot želeni dodaten prostor v tabelah. Znebite se praznega prostora, ki obdaja vaše oznake, in dobili boste bolj jasne tabele.

Tabele slogi

Vendar morda ni izklopljen HTML. Kaskadni slogovni listi

instagram viewer
nadzorujete nekatere atribute prikaza tabel in glede na stran ste lahko namerno dodali CSS, specifičen za tabelo, ali pa tudi ne.

V datoteki CSS skenirajte katero koli od naslednjih vrednosti v datoteki miza, th, ali tdlastnosti in po potrebi prilagodite:

  • meja: Podaja atribute meje tabele ali celice
  • mejni kolaps: Sosednje obrobe obravnava kot eno, da se prepreči podvajanje širine obrobe
  • oblazinjenje: Ponuja prazen prostor v slikovnih pikah okoli vsake celice
  • poravnava besedila: Določi poravnava besedila znotraj celice
  • razmik med mejami: Nastavi razmik med celicami v slikovnih pikah

Alternative

Čeprav lahko še vedno uporabljate tabele HTML (standard je danes dobro uveljavljen in splošno podprt brskalniki), najbolj moderno odzivno spletno oblikovanje uporablja kaskadne slogovne liste za postavitev elementov na stran. Tabele so še vedno smiselne za prvotni namen prikazovanja tabelarnih podatkov, toda za organizacijo postavitve in vsebine strani je veliko bolje, če namesto tega uporabite postavitev CSS.

instagram story viewer