Skip to main content

Pagkuha ng mga puwang sa mga HTML Table

Words at War: Who Dare To Live / Here Is Your War / To All Hands (Abril 2025)

Words at War: Who Dare To Live / Here Is Your War / To All Hands (Abril 2025)
Anonim

Kung gumagamit ka ng mga talahanayan para sa layout ng pahina (isang no-no sa XHTML, malamang na makaranas ka ng pangit tingnan ang dagdag na espasyo sa iyong mga layout. Upang ayusin ang problemang ito kailangan mong suriin ang iyong parehong kahulugan sa mesa ng HTML at ang mga detalye ng anumang namamahala ng style sheet.

Kahulugan ng Table ng HTML

Ang HTML tag para sa mga talahanayan sa pamamagitan ng default ay hindi kontrol para sa ilang mga kinakailangan sa espasyo. I-verify ang tatlong bagay tungkol sa tag na "table" sa loob ng iyong HTML na dokumento:

  1. Ang iyong talahanayan ay may naka-set na katangian ng cellpadding sa 0?
    1. cellpadding = "0"

  2. Ang iyong talahanayan ay may naka-set na cellspacing attribute sa 0?
    1. cellspacing = "0"

  3. Mayroon bang mga puwang bago o pagkatapos ng iyong nilalaman at mga tag ng talahanayan?

Number 3 ang kicker. Maraming mga taga-edit ng HTML na nais na magkaroon ng code ang lahat ng spaced out, upang gawing mas madaling basahin. Ngunit maraming mga browser ang binibigyang kahulugan ang mga tab, puwang at karwahe na nagbalik habang nais na dagdag na espasyo sa loob ng iyong mga talahanayan. Alisin ang whitespace na nakapaligid sa iyong mga tag at magkakaroon ka ng mga mesa ng crisper.

Mga Estilo ng Sheet

Gayunpaman, maaaring hindi ito ang HTML na naka-off. Ang mga sheet style ng Cascading ay may kontrol sa ilang mga katangian ng pagpapakita ng mga talahanayan at depende sa pahina, maaari mong o hindi maaaring may kusa na idinagdag ang talahanayan na partikular sa CSS sa unang lugar.

I-scan ang namamahala na file ng CSS para sa alinman sa mga sumusunod na halaga sa loob ng "talahanayan ,' ' ika "o ' td " ari-arian at ayusin kung kailangan:

  • hangganan: Tinutukoy ang mga katangian ng hangganan ng isang table o cell
  • hangganan-pagbagsak: Tinatrato ang mga katabing mga hangganan bilang isa, upang maiwasan ang pag-duplicate ng lapad ng hangganan
  • padding: Nag-aalok ng blangko na espasyo, sa pixel, sa paligid ng bawat cell
  • i-align ang teksto: Tinutukoy ang pag-align ng teksto sa loob ng cell
  • hangganan-spacing: Nagtatakda ng spacing sa pagitan ng mga cell, sa pixel

Mga alternatibo

Kahit na maaari mo pa ring gamitin ang mga talahanayan ng HTML (ang pamantayan ay mahusay na naitatag at sinusuportahan ng lahat sa mga browser ngayon) ang pinaka-modernong tumutugon sa disenyo ng web ay gumagamit ng cascading style sheets upang ilagay ang mga elemento sa isang pahina. Ang mga talahanayan ay may katuturan pa rin para sa kanilang orihinal na nilalayon na layunin ng pagpapakita ng hugis ng mga talaan ng datos, ngunit para sa pag-aayos ng layout at nilalaman ng isang pahina, mas mahusay ka sa paggamit ng layout ng CSS sa halip.