Skip to main content

Megszabadulni a térközöktől a HTML táblázatokban

Jolie amina .... ???????? (Lehet 2024)

Jolie amina .... ???????? (Lehet 2024)
Anonim

Ha táblázatokat használ az oldal elrendezéséhez (az XHTML-ben nincsen nincs, akkor valószínűleg megtapasztalja az extra helyek csúnya hozzáadását az elrendezésekben. A probléma megoldásához ellenőriznie kell mind a HTML-táblázatok definícióját, mind a irányító stíluslap.

HTML táblázat meghatározása

A táblázatok HTML-címkéje alapértelmezés szerint nem ellenőrzi bizonyos távolsági követelményeknek. Ellenőrizze három dolgot a HTML-dokumentum "táblázat" címkéjéről:

  1. A táblázatban a cellpadding attribútum értéke 0?
    1. cellpadding = "0"

  2. A táblázatban a cellapiac attribútum értéke 0?
    1. cellspacing = "0"

  3. Van-e szóköz a tartalom és az asztal címkéi előtt vagy után?

A 3. szám a kicker. Sok HTML-szerkesztő szereti, ha a kód mindegyike ki van választva, hogy könnyen olvasható legyen. De sok böngésző értelmezi azokat a füleket, tereket és kocsikat, amelyek a kívánt táblákon belül nagyobb térrel rendelkeznek. Megszabadulhat a címkéket körülvevő fehérségektől, és annál élesebb táblázatokat fogsz kapni.

Stíluslapok

Azonban nem lehet a HTML, amely ki van kapcsolva. A lépcsőzetes stíluslapok vezérlik a táblázatok egyes megjelenítési attribútumait, és az oldaltól függően előfordulhat, hogy nem vagy szándékosan hozzáadta a táblázatos CSS-t.

Vizsgálja meg a szabályozó CSS-fájlt a következő táblázatban szereplő értékek bármelyikénél ,' ' th "vagy ' td” tulajdonságait és szükség szerint módosítsa:

  • határ: Megadja a táblázat vagy a cellatartomány attribútumait
  • border-összeomlás: A szomszédos határokat egyenként kezeli, hogy elkerülje a határ szélességének megkettőzését
  • párnázás: Üres helyet biztosít, pixelenként, az egyes cellák körül
  • szöveg igazítás: Meghatározza a szövegen belül a szöveget
  • border-spacing: Beállítja a cellák közötti távolságot pixelben

alternatívák

Bár továbbra is használhat HTML táblázatokat (a szabvány jól megalapozott és általánosan támogatott a mai böngészőkben), a legkorszerűbb válaszadóképes webes formatervezési minták segítségével lépcsős stíluslapokat helyeznek el, hogy elemeket helyezzenek el egy oldalon. A táblázatoknak még mindig értelme van a táblázatos adatok megjelenítésének eredeti szándékával, de az oldal elrendezésének és tartalmának megszervezéséhez sokkal jobb a CSS-elrendezés használata.