HTML He ʻōlelo hōʻailona hoʻohana nui ʻia no ke kūkulu ʻana i nā ʻike ma ka pūnaewele. I ke ao nei Ma ka hoʻomohala pūnaewele, pono ka hoʻonohonoho pololei ʻana i kahi papa HTML no ka loaʻa ʻana o kahi hōʻike paʻa a hiki ke heluhelu ʻia o ka ʻikepili tabular. Ma kēia pepa keʻokeʻo, e ʻimi mākou i nā ʻano hana like ʻole e hoʻohālikelike i kahi papa HTML maikaʻi, e hōʻoia i ka hoʻonohonoho pono ʻana a me ka puʻunaue ʻana i kēlā me kēia mea. Me ka ʻike kūpono, hiki iā ʻoe ke haku i ka alignment papaʻaina HTML a hoʻomaikaʻi i ka ʻike maka o kāu ʻikepili. i kāu mau papahana pūnaewele puni honua.
1. Introduction to table alignment in HTML
Hāʻawi ʻo HTML i nā ala he nui e hoʻohālikelike i nā papa ma kahi ʻaoʻao pūnaewele. He mea nui ka hoʻonohonoho pololei ʻana i nā papa no ka hoʻomaikaʻi ʻana i ka heluhelu ʻana o ka ʻike a hōʻoia i ka hōʻike pono ʻana o ka ʻikepili no ka poʻe malihini. Ma kēia ʻatikala, e aʻo mākou pehea e hoʻohālikelike ai i nā papa ma HTML kūpono pono.
ʻEkolu mau hiʻohiʻona nui i hoʻohana ʻia e hoʻolikelike i nā papa ma HTML: ke kaulike, kūʻē y ke lana. ʻAno ke kaulike hoʻohana ʻia e hoʻolikelike i nā kelepona ma ka ʻaoʻao, e ʻae ana e hōʻike ʻia ka ʻike ma ka hema, ʻākau, a i ʻole ke kikowaena i loko o ke kelepona. ʻO ke ʻano kūʻē hoʻohana ʻia e hoʻopololei i nā pūnaewele me ke kū pololei, e ʻae ana i ka ʻike e hōʻike ma luna, waena, a i ʻole lalo o ke kelepona. ʻO ke ʻano ke lana hoʻohana ʻia e hoʻolikelike i nā papa ma ka hema a i ʻole ka ʻākau o ka palapala, e ʻae ana i ka ʻike e lana a puni.
No ka hoʻolikelike ʻana i nā ʻike o ke kelepona me ka ʻāpae, pono ʻoe e hoʻohana i ke ʻano ke kaulike i loko o ka mea td o th. No ka hoʻolikelike ʻana i ka ʻike ma ka hema, hoʻohana ʻia ka waiwai "hema", no ka ʻākau ua hoʻohana ʻia ʻo "pololei" a ma ke kikowaena hoʻohana ʻia ʻo "waena". ʻo kahi laʻana:
«`html
«.
No ka hoʻopololei pololei ʻana i nā ʻike o ke kelepona, hoʻohana ʻia ka ʻano kūʻē i loko o ka mea td o th. No ka hoʻopili ʻana i ka ʻike ma luna, hoʻohana ʻia ka waiwai "luna", no ka ʻaoʻao waena "waena" hoʻohana ʻia, a no ka ʻaoʻao lalo "lalo". ʻo kahi laʻana:
«`html
Maʻiʻo ma luna«.
Ma waho aʻe o kēia mau hiʻohiʻona nui, hāʻawi pū ʻo CSS i nā koho ʻoi aku ka holomua no ka hoʻonohonoho ʻana i nā papa. Loaʻa kēia i ka hoʻohana ʻana i nā waiwai kikokikona-align y kūpaʻa-kūpono ma ka pepa style CSS e hoʻomalu i ka alignment o ka ʻike.
2. Pehea e hoʻohana ai i nā ʻano alignment ma ka papa HTML
Hiki iā ʻoe ke hoʻomalu i ke ʻano o ka hoʻolikelike ʻana o nā mea i loko o ka pākaukau. Pono pono kēia mau ʻano no ka hoʻonohonoho ʻana a me ka hoʻopololei ʻana i ka ʻikepili i loko o kahi pākaukau ma ke ʻano maopopo a hiki ke heluhelu ʻia.
ʻEkolu mau hiʻohiʻona alignment nui e hiki ke hoʻohana ʻia ma ka papa HTML: ke kaulike, kūʻē y colspan.
ʻAno ke kaulike hoʻohana ʻia e hoʻolikelike i ka ʻike i loko o ke kelepona me ka ʻāpae, a hiki ke loaʻa nā waiwai penei: hema e align hema, kikowaena i ke kikowaena a akau e kau pono. No ka laʻana, inā makemake mākou e hoʻolikelike i ka kikokikona i loko o ke kelepona ma ka ʻākau, hiki iā mākou ke hoʻohana i kēia code HTML: `
kikokikona pololei pololei`.
3. Hoʻopololei ʻana i ka ʻike ma ka pākaukau HTML
He pilikia maʻamau kēia i ka hoʻolālā ʻana i nā ʻaoʻao pūnaewele. Eia nō naʻe, aia kekahi mau ala e hiki ke hoʻohana ʻia e hoʻokō pono i kēia. Ma lalo nei e wehewehe ʻia a i kēlā me kēia lā pehea e hoʻoponopono ai i kēia pilikia.
1. E hoʻohana i ke ʻano "valign": ʻO kahi ala maʻalahi e hoʻopololei i ka ʻike ma ka papa HTML ma ka hoʻohana ʻana i ke ʻano "valign". Hiki ke hoʻohana ʻia kēia hiʻohiʻona i nā cell a i ʻole nā lālani holoʻokoʻa, a hiki iā ʻoe ke kuhikuhi i ke ʻano o ka hoʻonohonoho pono ʻana o ka ʻike i loko o ke kelepona a i ʻole ka lālani.
2. E hoʻohana i ka CSS no ka hoʻolikelike ʻana i ka ʻike: ʻO kahi koho ʻē aʻe e hoʻohana i ka CSS e hoʻopololei i ka ʻike ma ka papa HTML. Hiki ke hoʻohana ʻia kahi ʻano CSS i ka papaʻaina a i ʻole nā pūnaewele kikoʻī e hoʻohana ana i ka mea koho kūpono. No ka laʻana, hiki iā ʻoe ke hoʻohana i ka waiwai "vertical-align" i hui pū ʻia me nā waiwai "luna," "waena," a i ʻole "lalo" e hoʻohālikelike i ka ʻike e like me ka makemake.
3. E hoʻohana i nā ipu ʻē aʻe: Inā ʻaʻohe o nā koho i luna, hiki iā ʻoe ke hana i nā ipu hou a puni ka ʻike āu e makemake ai e hoʻolike pololei. Hiki i kēia mau pahu ke lilo i mau mea like
I ka hopena, hiki ke hoʻokō ʻia ka hoʻohālikelike ʻana i ka ʻike ma ka papa HTML me ka hoʻohana ʻana i ke ʻano valign, CSS a i ʻole nā mea ʻē aʻe. He mea nui e ho'āʻo i nāʻano likeʻole a koho i kahi kūpono loa no kēlā me kēia kūlana. Me kēia mau ala, hiki ke hoʻokō ʻia kahi hoʻolālā hoʻonaninani a kū pololei i nā papa HTML.
4. Hoʻolikelike ʻana i ka ʻike ma ka pākaukau HTML
He mea paʻakikī ka hoʻohālikelike ʻana i nā ʻike ma ka papa HTML, akā me kekahi mau ala maʻalahi hiki iā ʻoe ke hana pono. ʻO ke kī i ka hoʻokō ʻana i kēia ka hoʻohana ʻana i nā waiwai HTML kikoʻī a me nā ʻano. E wehewehe ʻia nā ʻanuʻu e hahai ai ma lalo nei:
1. E hoʻokumu i ka papaʻaina kūpono: No ka hoʻolikelike ʻana i ka ʻike ma ka pae ʻaoʻao, pono ʻoe e hōʻoia i ka hoʻonohonoho pono ʻana o kāu papaʻaina. E hoʻohana i nā huaʻōlelo HTML `papa`, `tr` a me `td` e wehewehe i nā lālani a me nā kolamu o kāu pākaukau.
2. E hoʻonohonoho i ka hoʻopololei ʻāpae o ka maʻiʻo: Ke hoʻonohonoho ʻia kāu pākaukau, hiki iā ʻoe ke hoʻohana i ke ʻano `align` i loko o ka hōʻailona `td` no ka hoʻonohonoho ʻana i ka hoʻopololei ākea o ka ʻike. Hoʻohui i ka `align=»left»` no ka hoʻolikelike ʻana i ka ʻike ma ka hema, `align=»center»` no ka hoʻolikelike ʻana i ka ʻike i ke kikowaena, a me ka `align=»right»` no ka hoʻolikelike ʻana i ka ʻike ma ka ʻākau.
3. E hoʻopili i nā kaila hou inā pono: Inā makemake ʻoe e hoʻohui i nā hana maʻamau i kāu alignment ʻike, hiki iā ʻoe ke hoʻohana i nā ʻano CSS. Hiki iā ʻoe ke hāʻawi i kahi mea hōʻike a papa paha i nā cell kikoʻī a laila hana i nā lula CSS e hoʻoponopono i ka alignment ākea. E hoʻohana i ka waiwai `text-align` me nā koina `left`, `center` or `right` no ka hoʻokō ʻana i ka alignment i makemake ʻia.
Ma ka hahai ʻana i kēia mau ʻanuʻu, hiki iā ʻoe ke hoʻolikelike i ka ʻike ma ka papa HTML me ka pololei a me ka mau. E hoʻomanaʻo e hoʻohana i nā hōʻailona kūpono a me nā ʻano, a me nā ʻano CSS pono e hoʻokō i ka hopena i makemake ʻia.
5. Ke noi ʻana i ka hoʻohālikelike ʻana i nā kolamu kikoʻī ma ka papa HTML
No ka hoʻopili ʻana i nā kolamu kikoʻī ma ka papa HTML, hiki iā ʻoe ke hoʻohana i ka ʻano "align" i loko o nā lepili kelepona. Eia kekahi laʻana o ka hoʻohana ʻana i ka hoʻolikelike ʻana i nā kolamu kikoʻī ma ka papa ʻekolu kolamu:
«`html
| Poʻomanaʻo 1 | Poʻomanaʻo 2 | Poʻomanaʻo 3 |
|---|---|---|
| Pūnaewele 1 | Pūnaewele 2 | Pūnaewele 3 |
«.
Ma kēia laʻana, ʻo ka lālani mua ka lālani poʻomanaʻo, a ʻo nā lālani ma lalo nei nā lālani ʻikepili. Hoʻohana ʻia ka ʻano "align" ma kēlā me kēia lepili kelepona e kuhikuhi i ka hoʻopololei i makemake ʻia: "hema" e hoʻolike i ka hema, "waena" e hoʻolike i ke kikowaena, a me "akau" e hoʻolike ʻākau.
6. Pehea e hoʻolikelike ai i ka ʻike o ke kelepona ma ka papa HTML
ʻO kekahi o nā hiʻohiʻona koʻikoʻi o ka papa HTML ʻo ia ka hiki ke hoʻoponopono pololei i ka ʻike i loko o kēlā me kēia cell. He mea maikaʻi loa kēia i ka hana ʻana me ka ʻikepili helu a i ʻole ke makemake ʻoe i kahi hōʻike ʻike maka o ka ʻike. Ma kēia kikokikona, e aʻo kākou.
ʻElua ala nui e hoʻolikelike ai i nā mea i loko o ke kelepona: ma ke alo a me ke kūpaʻa. ʻO ka mea mua, e hoʻohālikelike i ka ʻike ma ka pae ākea, hiki iā mākou ke hoʻohana i ke ʻano "align" i loko o ka tag TD. No ka laʻana, inā makemake mākou e hoʻohālikelike i ka ʻike ma ka hema, hoʻohana mākou i ka waiwai "hema", inā makemake mākou e hoʻohālikelike i ka ʻike ma ka ʻākau, hoʻohana mākou i ka "pololei", a inā makemake mākou e hoʻokaʻawale i ka ʻike, hoʻohana mākou. "waena".
No ka hoʻopili pololei ʻana i ka ʻike, hiki iā mākou ke hoʻohana i ke ʻano "valign" i loko o ka tag TD. ʻO nā waiwai kūpono no kēia ʻano he "luna", "waena" a me "lalo". Hoʻolike ka waiwai "luna" i ka ʻike ma luna o ke kelepona, "waena" e hoʻolike i ke kikowaena, a ʻo "lalo" e hoʻohālikelike iā ia i lalo. Pono e hoʻomaopopo i ka hana pololei ʻana o ke ʻano "valign" inā ʻoi aku ke kiʻekiʻe o ka lālani ma mua a i ʻole like me ke kiʻekiʻe maʻiʻo.
I ka hōʻuluʻulu ʻana, no ka hoʻopili pololei ʻana i nā ʻike o kahi kelepona i kahi papa HTML, hiki ke hoʻohana ʻia nā ʻano "align" a me "valign" i loko o ka tag TD. ʻO ke ʻano "align" hiki iā ʻoe ke hoʻolikelike i ka ʻike ma ka hoʻohana ʻana i nā waiwai "hema", "'ākau" a me "waena". Ma ka ʻaoʻao ʻē aʻe, ʻo ke ʻano "valign" hiki iā ʻoe ke hoʻolikelike i ka ʻike me ka hoʻohana ʻana i nā waiwai "luna", "waena" a me "lalo". E hoʻomanaʻo e hana pololei kēia mau ʻano inā hoʻonohonoho pono ʻia ke kiʻekiʻe o nā lālani papaʻaina.
7. Hoʻoponopono kikokikona a me ka ʻike ma nā poʻomanaʻo papaʻaina HTML
He mea koʻikoʻi kēia e hōʻoia i ka hōʻike pono ʻana o ka ʻikepili ma kahi papa. Ma lalo iho nei nā ʻanuʻu e hoʻokō ai i ka alignment pololei:
1. E hoʻohana i ka hōʻailona «`
«` e wehewehe i nā poʻomanaʻo papa. Hāʻawi kēia hōʻailona iā ʻoe e hoʻopili i nā ʻano hoʻopono kikoʻī i ka ʻike poʻomanaʻo.2. No ka hoʻolikelike ʻana i ke kikokikona ma ke poʻo, hiki iā ʻoe ke hoʻohana i ke ʻano "`align"` me nā waiwai "hema", "waena" a i ʻole "akau". No ka laʻana, «` «ʻ e hoʻolikelike i ke kikokikona i waenakonu o ke poʻo papaʻaina.
3. Eia hou, hiki ke hoʻopololei i ke poʻo me ka hoʻohana ʻana i ke ʻano «`valign«`. ʻO nā waiwai kūpono no kēia ʻano he "luna", "waena", a me "lalo". No ka laʻana, «` «ʻ e hoʻolikelike i ka ʻike ma luna o ke poʻo papa.
E hoʻomanaʻo e hiki ke hoʻohana ʻia kēia mau ʻano i nā mea HTML ʻē aʻe, e like me "`
«` no nā pūnaewele papa. E hoʻohana pono i nā hōʻailona a me nā hiʻohiʻona no ka hoʻokō ʻana i ka alignment i makemake ʻia ma nā poʻomanaʻo papa. Me ka hoʻohana ʻana i kēia mau ʻanuʻu, hiki iā ʻoe ke hoʻomaikaʻi i ka hōʻike ʻana o kāu mau papa HTML a e maʻalahi ka ʻike i hōʻike ʻia.8. Nā Kāhua Alignment Kiʻekiʻe no nā Papa HTML
Hōʻike kēia ʻāpana i kahi alakaʻi kikoʻī e pili ana i nā ʻano alignment kiʻekiʻe e hiki ke hoʻopili ʻia i nā papa HTML. ʻOiai he mea hana maʻamau nā papaʻaina i ka hoʻomohala pūnaewele, he mea pa'akikī ka ho'omalu 'ana i kou alignment. Ma ʻaneʻi ʻoe e aʻo ai pehea e hoʻohālikelike maʻalahi i kāu mau papa me ka hoʻohana ʻana i nā ʻano HTML like ʻole a me nā ʻano.
ʻO kekahi o nā ala maʻalahi loa e hoʻokō ai i ka alignment papaʻaina ma ka hoʻohana ʻana i ke ʻano "align". Hiki ke hoʻohana ʻia kēia hiʻohiʻona i ka papaʻaina ponoʻī a me nā pūnaewele pākahi. No ka laʻana, no ke kau ʻana i kahi papaʻaina holoʻokoʻa ma ka ʻākau, hiki iā ʻoe ke hoʻohana i kēia code HTML:
«`html
«.
Ma waho aʻe o ke ʻano "align", hiki iā ʻoe ke hoʻohana i nā ʻano CSS e hoʻokō i ka alignment pololei. No ka laʻana, hiki iā ʻoe ke wehewehe i nā lula kaila no nā cell i loko o kahi kolamu kikoʻī me ka hoʻohana ʻana i ka waiwai text-align. Ma kēia ala, hiki iā ʻoe ke hoʻolikelike i ka ʻike o kēlā kolamu i ka hema, ʻākau, a i ʻole waena. Eia kekahi laʻana o ka hoʻohana ʻana i kēia ʻenehana:
«`html
| Poʻomanaʻo 1 | Poʻomanaʻo 2 |
|---|---|
| ʻIkepili 1 | ʻIkepili 2 |
«.
Ma waho aʻe o kēia mau ʻano kumu, aia kekahi mau ʻenehana holomua ʻē aʻe e hoʻokō i ka alignment pololei i nā papa HTML. ʻO kekahi o kēia mau mea e hoʻohana ana i nā ʻano CSS e hoʻomalu i ka spacing a me ka alignment vertical o nā cell, a me ka hoʻoponopono pololei ʻana i nā ʻano papa me ka JavaScript. ʻO ka ʻimi ʻana i kēia mau ʻenehana e ʻae iā ʻoe e loaʻa ka mana nui ma luna o ke ʻano a me ke ʻano o kāu mau papa HTML. Mai hoʻokaʻulua e hoʻāʻo a hoʻokolohua me nā ʻano hana like ʻole a hiki i ka wā e ʻike ai ʻoe i ka mea i kūpono i kou pono!
9. Hoʻoponopono i nā pilikia alignment maʻamau i nā papa HTML
Loaʻa mākou i kekahi manawa i nā pilikia i ka hana ʻana me nā papa HTML, ʻoi aku hoʻi i ka wā e pili ana i ka alignment. A laila, e kōkua mākou iā ʻoe e hoʻoponopono i nā pilikia alignment maʻamau i nā papa HTML i kēlā me kēia pae.
1. E nānā i ke ʻano o kāu papaʻaina: E hōʻoia i ka wehewehe pono ʻana o kāu ʻano papaʻaina. E hōʻoia inā ua pani pololei ʻoe i nā hōʻailona wehe a pani, a ua like ka helu o nā kolamu i kēlā me kēia lālani. E hoʻohana i ka hōʻailona `
` e hoʻomaka i ka papaʻaina, `` no nā lālani a me `| ' no na keena.
2. E hoʻohana i ka CSS no ka hoʻopilikino ʻana i ka alignment: Inā ʻaʻole ʻo ka alignment paʻamau o kāu pākaukau ka mea āu e makemake ai, hiki iā ʻoe ke hoʻohana i ka CSS e hoʻopilikino iā ia. E hoʻohana i ke ʻano `align` ma ka ` tag ' e hoʻopololei i ka papaʻaina holoʻokoʻa. No ka laʻana, inā makemake ʻoe e hoʻohālikelike i ka pākaukau i ke kikowaena, hiki iā ʻoe ke hoʻohui i kēia code CSS:«. 3. Hoʻopololei i nā maʻiʻo i loko o nā pūnaewele: No ka hoʻolikelike ʻana i ka ʻike i loko o nā pūnaewele, e hoʻohana i nā ʻano `align` a me `valign` ma ka ` tag «. E hoʻomanaʻo e ʻokoʻa paha ka alignment i nā papa HTML ma muli o ka polokalamu kele pūnaewele i hoʻohana ʻia. Inā hoʻomau ka pilikia o kāu hoʻoponopono ʻana, hiki iā ʻoe ke hoʻohana i nā mea hana hoʻopau e like me nā mea hoʻomohala o ka polokalamu kele e nānā a hoʻoponopono i nā pilikia kikoʻī. Manaʻolana mākou kēia mau ʻōlelo aʻoaʻo kōkua iā ʻoe e hoʻoponopono i kāu mau pilikia alignment ma nā papa HTML! 10. Hoʻopololei i nā papa HTML i loko o nā ipu a i ʻole nā ʻaoʻaoNo ka hoʻolikelike ʻana i nā papa HTML i loko o nā ipu a i ʻole nā ʻaoʻao, aia kekahi mau ʻenehana hiki ke hoʻohana ʻia. ʻEkolu mau ala maʻamau e hoʻokō ai i kēia pahuhopu e hōʻike ʻia ma lalo nei. 1. E hoʻohana i CSS: ʻO ke ala maʻamau o ka hoʻonohonoho ʻana i nā papa HTML ma ka hoʻohana ʻana i CSS. Hiki ke hoʻohana ʻia nā ʻano i nā pākaukau a me nā ipu e hoʻopuni ana iā lākou e hoʻokō i ka alignment i makemake ʻia. Hiki ke hoʻohana i nā waiwai CSS e like me "hōʻike: inline-block" a i ʻole "float: left" e hoʻoponopono i ke kūlana o nā papa i loko o nā pahu. Hiki iā ʻoe ke hoʻohana i nā mea koho CSS e hoʻopili i nā ʻano ʻokoʻa i nā papa ʻaina a i ʻole nā ipu. 2. E hoʻohana i nā ʻano HTML: ʻO kekahi ala ʻē aʻe e hoʻolikelike ai i nā papa ʻaina me ka hoʻohana ʻana i nā ʻano HTML. No ka laʻana, hiki ke hoʻohana ʻia ke ʻano "align" ma ka hōʻailona "papa" e hoʻolikelike i ka papa ma ka ʻaoʻao. ʻO nā waiwai kūpono no kēia ʻano he "hema", "ʻākau" a me "waena". Eia hou, hiki ke hoʻohana ʻia nā ʻano "valign" a me "kiʻekiʻe" no ka hoʻomalu ʻana i ka hoʻopololei kū pololei o nā cell papaʻaina. 3. E hoʻohana i nā frameworks a i ʻole nā hale waihona puke: Inā ʻaʻole ʻoe makemake e hoʻomohala i kahi ʻano maʻamau, hiki iā ʻoe ke hoʻohana i nā frameworks CSS a i ʻole nā hale waihona puke e hāʻawi ana i nā hāʻina i koho mua ʻia e hoʻohālikelike i nā papa HTML. ʻO kekahi mau koho kaulana ʻo Bootstrap a me Foundation. Hāʻawi kēia mau papa hana i nā papa CSS i hiki ke hoʻohui ʻia i nā papa a me nā ipu no ka hoʻoponopono wikiwiki a paʻa. I ka hōʻuluʻulu ʻana, hiki ke hoʻokō ʻia ka hoʻonohonoho ʻana i nā papa HTML i loko o nā ipu a i ʻole nā ʻaoʻao me ka hoʻohana ʻana i CSS, HTML attributes, a i ʻole CSS frameworks a me nā hale waihona puke. ʻO ke koho o ke ʻano e pili ana i nā pono a me nā makemake o ka mea hoʻomohala. I kēlā me kēia hihia, pono e ho'āʻo i nā ala likeʻole a hoʻololi i nāʻano e like me ka mea e pono ai e hoʻokō i ka alignment i makemakeʻia. 11. Ka hoʻoponopono ʻana i ka hakahaka a me nā ʻaoʻao ma kahi pākaukau HTML i hoʻonohonoho ʻiaNo ka hoʻololi ʻana i ka spacing a me nā palena ma kahi papa HTML i hoʻopaʻa ʻia, pono e hoʻohana i nā waiwai CSS kūpono. Eia wau e hōʻike nei i ʻekolu mau ʻanuʻu e hoʻokō ai: 1. E hoʻohana i ka waiwai ka pale e hoʻoponopono i ke kaʻawale o loko o nā ʻāpana papa. Hiki iā ʻoe ke hoʻopili i kēia i kahi kelepona kikoʻī a i ʻole nā pūnaewele āpau i ka papaʻaina. No ka laʻana, inā makemake ʻoe e loaʻa i nā cell āpau he 10 pixels o ka spacing i loko, hiki iā ʻoe ke hoʻohui i kēia laina o ka code CSS i kāu pepa kaila: «`html «. 2. E noi i ka waiwai palena pau e hoʻoponopono i nā ʻaoʻao waho o ka pākaukau. ʻO kēia hiki ke hana e wehewehe ana i ka waiwai palena no ka papa pono'ī a i 'ole no nā pūnaewele pakahi. Inā makemake ʻoe e loaʻa i nā cell āpau ka palena o 5 pixels, hiki iā ʻoe ke hoʻohui i kēia laina o ka code CSS: «`html «. 3. Ma waho aʻe o nā waiwai CSS, hiki iā ʻoe ke hoʻohana i ke ʻano hoʻopaʻa kelepona ma ka lepili `
«`html
«. E hoʻomanaʻo ʻo ka spacing a me nā palena he mau mea koʻikoʻi o ka hōʻike ʻana i kahi papa HTML aligned. Ke hoʻohana nei i nā waiwai CSS kūpono, hiki iā ʻoe ke hoʻoponopono iā lākou i kou makemake a hoʻomaikaʻi i ke ʻano o kāu mau papa ma kāu pūnaewele. E hoʻāʻo me nā waiwai like ʻole a ʻimi i ka hoʻonohonoho i kūpono i kāu pono! 12. Nā ʻōlelo aʻoaʻo a me nā hana maikaʻi loa no ka loaʻa ʻana o ka alignment maikaʻi loa i nā papa HTMLMa kēia ʻāpana, e hāʻawi mākou i kahi pūʻulu o . He mea nui ka hoʻopaʻa ʻana i ka pololei o nā papa i ka hoʻomaikaʻi ʻana i ka heluhelu a me ke ʻano o kahi ʻaoʻao pūnaewele. Maanei ʻoe e ʻike ai i kekahi mau ʻanuʻu e hahai ai e kōkua iā ʻoe e hoʻoponopono i kēia pilikia. 1. E hoʻohana i nā hiʻohiʻona alignment: Pono nā ʻano "align" a me "valign" no ka hoʻolikelike ʻana i nā mea o nā cell. ʻO ke ʻano "align" e hiki ai ke hoʻolikelike ʻia nā ʻike ma ka ʻaoʻao, ʻoiai ʻo "valign" ke hoʻohana ʻia no ka hoʻopololei kū pololei. Hiki iā ʻoe ke hoʻohana i nā waiwai "hema", "waena", "ʻākau", "luna", "waena" a me "lalo" e hoʻohālikelike i ka ʻike e like me kāu pono. 2. E hoʻohana i nā ʻano CSS: Hiki iā ʻoe ke hoʻohana i nā ʻano CSS no ka hoʻomaikaʻi ʻana i ka alignment ma nā papa. Hiki iā ʻoe ke kuhikuhi i nā papa a i ʻole nā mea hōʻike i kāu mau hōʻailona HTML a hoʻopili i nā ʻano maʻamau ma o kahi pepa kāhua CSS. No ka laʻana, hiki iā ʻoe ke wehewehe i kahi papa i kapa ʻia ʻo "alignCenter" me ka waiwai "text-align: center" a laila hoʻopili i kēia papa i nā cell āu e makemake ai e hoʻokaʻawale i waena. 3. E hoʻololi i ka laulā kelepona: Inā he ʻokoʻa ka nui o kāu mau keena papaʻaina, hiki ke hoʻopili ʻia ka alignment. E hōʻoia ʻoe e hoʻololi pono i ka laula o nā cell no ka alignment like. Hiki iā ʻoe ke hoʻohana i ke ʻano "ākea" a i ʻole ke ʻano CSS "ākea" e hoʻonohonoho i ka laulā o nā cell. Eia hou, hiki iā ʻoe ke hoʻohana i ke ʻano "colspan" e hoʻohui i nā cell he nui hoʻokahi wale nō laina a hoʻokō i ka alignment kūpono. E hoʻomanaʻo he mea nui ka alignment pololei i nā papa HTML e hoʻomaikaʻi i ka ʻike mea hoʻohana a mālama i kahi hiʻohiʻona nani. Ma ka hahai ʻana i kēia mau ʻōlelo aʻoaʻo a me nā hana hiki iā ʻoe ke hoʻokō i ka alignment maikaʻi loa ma kāu papa. E hoʻāʻo me nā ʻenehana a me nā hoʻonohonoho like ʻole a hiki i ka loaʻa ʻana o nā hopena i makemake ʻia! 13. Ka hoʻolikelike ʻana o ka papa ma nā polokalamu kele pūnaewele HTML like ʻoleHiki i nā polokalamu kele pūnaewele ke wehewehe a hoʻohana i ka hoʻolikelike ʻana o ka papaʻaina i nā ʻano like ʻole, a hiki ke hopena i ka like ʻole o ka hōʻike ʻana i nā papa HTML ma nā polokalamu kele like ʻole. No ka hōʻoia ʻana i ka , hiki iā ʻoe ke hahai i kēia mau ʻanuʻu: 1. E hoʻohana i nā ʻano hoʻohālikelike CSS: No ka wehewehe ʻana i ka hoʻolikelike ʻana o kahi papa ma HTML i nā manawa like ʻole ma waena o nā polokalamu kele like ʻole, pono e hoʻohana i nā ʻano CSS ma kahi o nā ʻano hoʻohālikelike HTML kahiko. No ka laʻana, ma kahi o ka hoʻohana ʻana i ka HTML "align" attribute ma ka "td" a i ʻole "th", hiki iā ʻoe ke hoʻohana i ka CSS "text-align" attribute. 2. E hoʻohana i nā kaila CSS waho: Ma kahi o ka wehewehe pono ʻana i nā ʻano hoʻolikelike ma nā kaha "td" a i ʻole "th" o ka pākaukau, pono e hoʻohana i nā ʻano CSS waho. ʻAe kēia i ka mana pololei ma luna o ka hoʻolikelike ʻana o nā papa a maʻalahi ka hoʻololi a mālama ʻana i nā ʻano. Eia kekahi, e hōʻoiaʻiʻo e kuhikuhi i ka pepa style CSS ma ka ʻāpana "poʻo" o ka palapala HTML me ka hoʻohana ʻana i ka inoa "loulou". 3. E ho'āʻo ma nā polokalamu kele pūnaewele ʻokoʻa: He mea nui e hoʻāʻo i ka hōʻike ʻana o nā papa ma nā polokalamu kele pūnaewele ʻokoʻa e ʻike ai i ka like ʻole o ka alignment. E hoʻohana i nā mea hana hoʻomohala polokalamu a i ʻole nā lawelawe pūnaewele e ʻae iā ʻoe e hoʻohālike i nā polokalamu kele pūnaewele a i ʻole nā mea hana like ʻole. Pono nō hoʻi e hoʻāʻo ma nā ʻano polokalamu kele pūnaewele ʻē aʻe, no ka mea, ʻokoʻa nā ʻano o kekahi mau mana kahiko ma mua o nā mea hou loa. ʻO ka hoʻohālikelike ʻana i nā papa ma nā polokalamu kele pūnaewele HTML ʻokoʻa hiki ke hōʻike i nā pilikia, akā ma ka hahai ʻana i kēia mau ʻanuʻu a me ka hoʻohana ʻana i nā ʻano CSS a me nā ʻano, hiki ke hoʻokō pono ʻia. E hoʻomanaʻo mau i ka hoʻāʻo ʻana i nā mākaʻikaʻi like ʻole a me nā mana e hōʻoia i ka pololei o nā papa. 14. Nā hopena a me nā ʻanuʻu aʻe i ka hoʻolikelike ʻana i nā papa HTMLI ka hōʻuluʻulu manaʻo, hiki ke paʻakikī ka hoʻonohonoho ʻana i nā papa HTML, akā me nā mea hana a me nā ʻenehana kūpono, hiki ke loaʻa i nā hopena pololei a paʻa. Eia kekahi, nui nā ala e hoʻoponopono ai i kēia pilikia ma muli o nā pono kikoʻī o kēlā me kēia papahana. ʻO kahi hana mua koʻikoʻi ka hoʻomaopopo ʻana i nā ʻano hana alignment ʻokoʻa i loaʻa ma HTML, e like me ka alignment horizontal a me ke kūpaʻa. ʻO kēia mau ʻano, e like me "align" y "hōʻino", hiki ke hoʻohana i nā lepili papaʻaina, nā pūnaewele, a me nā pūʻulu pūnaewele e hoʻomalu i ko lākou kūlana a me keʻano. He mea nui ia e ʻike i nā koho āpau i loaʻa a hoʻohana pono iā lākou e hoʻokō i ka alignment i makemake ʻia. Ma waho aʻe o nā hiʻohiʻona hoʻohālikelike HTML maoli, hiki nō ke hoʻohana i ka CSS e hoʻoponopono hou i ka alignment papa. Hiki i kēia ke hoʻohana i nā waiwai e like me hoʻopololei kikokikona, "kūpono-kūpono" y "hōʻike" e hoʻomalu i ka hoʻolikelike ʻana o ke kikokikona a me ka ʻike i loko o nā keena papa. ʻO ka mea hope loa, ʻōlelo ʻia e hoʻāʻo a hōʻoia i ka alignment ma waena o nā polokalamu kele pūnaewele a me nā mea hana e hōʻoia i ka ʻike kūlike no nā mea hoʻohana āpau. E pili ana paha kēia i ka hoʻohana ʻana i nā mea hana hoʻomohala pūnaewele, e like me nā hāmeʻa nānā mākaʻikaʻi, a me ka hoʻāʻo ʻana i nā hoʻonā ʻokoʻa a me nā pale. Mai poina ʻo ka hoʻomaʻamaʻa a me ka hoʻokolohua ke kī i ka hoʻomaʻamaʻa ʻana i ka alignment papaʻaina HTML. I ka hopena, ʻo ka hoʻonohonoho ʻana i kahi papa ma HTML kahi hana koʻikoʻi e hōʻoia i ka hōʻike kūpono o ka ʻikepili i loko he pūnaewele. Ma ka hoʻohana ʻana i nā waiwai CSS kūpono, e like me "text-align" a me "vertical-align", hiki ke hoʻolikelike i nā ʻike kelepona me ka pololei a me ka mau. Pono e noʻonoʻo pono i ka hoʻonohonoho ʻana o nā papa ma muli o ka pōʻaiapili a me ka pahuhopu hoʻolālā. ʻO ke kūlike i ka hoʻonohonoho ʻana o nā mea a me ka heluhelu ʻana o ka ʻikepili nā mea nui e noʻonoʻo ai. Eia hou, pono e nānā i ka hoʻohālikelike o nā waiwai CSS i hoʻohana ʻia i nā polokalamu kele pūnaewele e hōʻoia i ka ʻike mea hoʻohana like. I ka hōʻuluʻulu manaʻo, ʻo ka hoʻomaʻamaʻa ʻana i ka ʻenehana alignment papaʻaina ma HTML he mea nui ia no ka poʻe e ʻimi nei e hana nā pūnaewele ʻO ka ʻoihana a me ka nani ke nānā aku. Me ka ʻike kūpono o nā waiwai CSS a me ka ʻike paʻa o ka hoʻolālā pūnaewele, hiki ke hoʻokō i ka alignment kūpono a paʻa i nā papa āpau. o kahi pūnaewele.  ʻO wau ʻo Sebastián Vidal, he ʻenekinia kamepiula makemake nui i ka ʻenehana a me DIY. Eia kekahi, ʻo wau ka mea nāna i hana tecnobits.com, kahi aʻu e kaʻana like ai i nā kumu aʻo e hoʻomaʻamaʻa a hoʻomaopopo ʻia ka ʻenehana i nā mea a pau. |