Ang puwang sa isang website ay mukhang isang medyo simpleng bagay. Ngunit sa unang pagkakataon na sinubukan mo ang pagpindot sa susi nang maraming beses at ang pagkakaroon ng impormasyong hindi lumilitaw sa iyong pahina, mapagtanto mo na hindi ito kasingdali ng hitsura nito.
Mayroong maraming mga paraan upang lumikha ng espasyo sa isang website. Ang unang dalawa ay may mga tag ng HTML:
…
Ang marker ng talata ay kadalasang naglalagay ng puwang sa pagitan ng mga item. Ito ay nagsisilbing pahayag ng talata.
Gayunpaman, marami
's sa isang hilera ay walang gagawin bukod sa kalat ang iyong pahina. Ilalagay ang ilang mga editor
sa mga lugar upang magdagdag ng higit na espasyo, ngunit ito ay talagang hindi gumagamit ng
tag, ngunit sa halip ang karakter, na makukuha natin sa isang minuto.
Ang
Ang tag ay sinadya upang ilagay lamang ang isang solong line break sa daloy ng teksto. Gayunpaman, maaari itong gamitin ng maraming beses sa isang hilera upang lumikha ng mahabang mga string ng blangko na espasyo. Ang problema ay, hindi mo maaaring tukuyin ang taas at lapad ng puwang, at awtomatiko itong lapad ng pahina.
CSS Margin and Padding
Ang isa pang paraan upang magdagdag ng espasyo sa iyong mga dokumento sa Web page ay ang paggamit ng mga katangian ng CSS na margin at padding. Ito ay isang mas mahusay na paraan upang makakuha ng eksaktong halaga ng puwang na gusto mo sa pagitan ng iyong mga elemento. At maaari mong makaapekto sa higit pa sa vertical space sa isang dokumento.
Ang Non-Breaking Space ()
Sa wakas, may walang puwang na puwang. Ang nilalang ng character na ito ay gumaganap nang eksakto tulad ng isang normal na puwang ng teksto, maliban na ang browser ay tinatrato ang bawat isa.
Kung inilagay mo ang apat sa isang hilera, maglalagay ang browser ng apat na puwang sa teksto.
Tandaan, ang mga mas lumang mga browser ay hindi maaaring mag-render ng maraming mga puwang na walang paglabag.
Paggamit ng Non-Breaking Spaces sa Tables
Ang mga tableta ay madalas na malapit o masira kung hindi mo isasama ang isang bagay sa cell upang pigilan ito. Halimbawa: Gamitin ang sumusunod na HTML upang lumikha ng isang table na may 30-pixel na kanal:
Dapat mayroong maliit na puwang sa kaliwa ng tekstong ito. Ang ilang mga browser ay ipapakita ito ng maayos, ngunit maraming ay hindi papansinin ang kahilingan sa lapad ng talahanayan at ilagay ang teksto ng flush sa kaliwang margin. Napaka nakakainis! |
Upang panatilihin ang haligi ng talahanayan mula sa paglabag, gumamit ng isang puwang na hindi nagbabagang:
| Dapat mayroong maliit na puwang sa kaliwa ng tekstong ito. Sa karamihan ng mga browser ay ipapakita ito ng maayos. |
