Atbrīvošanās no atstarpēm HTML tabulās

click fraud protection

Ja lapas izkārtojumam izmantojat tabulas (nē-nē XHTML), visticamāk, izkārtojumos parādīsies neizskatīga papildu vietas pievienošana. Lai novērstu šo problēmu, jums jāpārbauda gan HTML tabulas definīcija, gan jebkuras pārvaldes stila lapas specifika.

HTML tabulas definīcija

HTML tagu tabulām pēc noklusējuma nekontrolē dažas atstarpes prasības. Pārbaudiet trīs lietas par tabula tagu jūsu HTML dokumentā:

  1. Vai jūsu tabulā cellpadding atribūts ir iestatīts uz 0?
    1. cellpadding = "0"
  2. Vai jūsu tabulā šūnu atstarpes atribūts ir iestatīts uz 0?
    1. šūnu atstarpe = "0"
  3. Vai pirms vai pēc satura un tabulas tagiem ir atstarpes?

Numurs 3 ir kicker. Daudzi HTML redaktori vēlētos, lai kods būtu izvietots atstarpēti, lai to būtu viegli lasīt. Bet daudzas pārlūkprogrammas interpretē šīs cilnes, atstarpes un atdevi atpakaļ kā vēlamo papildu vietu tabulu iekšpusē. Atbrīvojieties no atstarpes, kas ieskauj jūsu tagus, un jums būs precīzākas tabulas.

Stila lapas

Tomēr tas var nebūt HTML. Kaskādes stila lapas kontrolējiet dažus tabulu displeja atribūtus, un atkarībā no lapas jūs, iespējams, esat apzināti pievienojis tabulai specifisku CSS.

instagram viewer

Skenējiet vadošo CSS failu, lai atrastu kādu no šīm vērtībām iekšpusē tabula, thvai tdīpašības un pēc vajadzības pielāgojiet:

  • robežas: Norāda tabulas vai šūnas robežas atribūtus
  • robežas sabrukums: Izturas pret blakus esošajām robežām kā pret vienu, lai izvairītos no robežu platumu dublēšanās
  • polsterējums: Ap katru šūnu tiek piedāvāta tukša vieta pikseļos
  • izlīdzināt tekstu: Nosaka teksta izlīdzināšana šūnā
  • robežu atstatums: Iestata atstarpi starp šūnām pikseļos

Alternatīvas

Lai gan jūs joprojām varat izmantot HTML tabulas (standarts mūsdienās ir labi izveidots un universāli atbalstīts pārlūkprogrammas), vismodernākais adaptīvais tīmekļa dizains elementu ievietošanai lapā izmanto kaskādes stila lapas. Galdiem joprojām ir jēga to sākotnējam paredzētajam mērķim parādīt tabulas datus, taču, lai kārtotu lapas izkārtojumu un saturu, jums daudz labāk ir izmantot CSS izkārtojumu.

instagram story viewer