I polokalame uepisaite, o le fa'atotonugalemu o tusitusiga e iai sona sao taua i le mamanu ma le tu'uina atu o mea. Pe o matou fatuina se itulau patino poʻo le mamanuina o se faʻaoga faʻaoga lavelave, o le faʻaogatotonuina o tusitusiga e mafai ona faia se eseesega i foliga ma faitau o mea. I totonu o lenei tusiga, o le a matou suʻesuʻeina auala ma metotia mo le faʻatotonugalemu o tusitusiga i le HTML, tuʻuina atu i tagata fai polokalame mea faigaluega e manaʻomia e ausia ai se faʻaaliga matagofie ma faʻatinoga. O le a tatou aʻoaʻoina mai auala sili ona taua e oʻo atu i foliga sili ona lata mai ma aga i le faʻatotonugalemu o tusitusiga, e mafai ai e le au atinaʻe ona faʻaogaina lenei meafaigaluega taua. i le atinaʻeina o upega tafaʻilagi.
Fa'atomuaga i le fa'atotonugalemu o tusitusiga HTML
O le fa'atotonugalemu o tusitusiga HTML ose faiga masani i le atina'eina o upega tafa'ilagi e fa'aoga ai tusitusiga fa'alava ile itulau HTML. E i ai auala eseese ma auala e mafai ona faʻaogaina e ausia ai lenei faʻafitauli ma tuʻuina atu a tatou mea i totonu o se foliga sili atu faʻapitoa ma foliga matagofie.
O se tasi o auala sili ona faigofie e ogatotonu ai tusitusiga o le fa'aogaina lea o le uiga "align" i le fa'ailoga amata o le elemene HTML o lo'o iai le tusitusiga tatou te manana'o e fa'atotonugalemu. Mo se faʻataʻitaʻiga, afai matou te mananaʻo e faʻatotonugalemu se ulutala i totonu o leh1 ulutala, e mafai ona matou faʻaopoopo le code HTML nei:
Ulutotonu suafa
. O lenei metotia e faigofie ona faʻatinoina, ae ua manatu ua le toe aoga ma e fautuaina e faʻaaoga auala faʻaonapo nei.
O le isi auala faʻafouina o le faʻaogaina o sitaili CSS. E ala i le fa'atulagaina o mea totino, e pei o le pito ma le fa'aoga-tusi, e mafai ona tatou ausia le fa'atotonugalemu o tusitusiga i se auala sili atu ona sa'o ma fetu'una'i. Mo se faʻataʻitaʻiga, afai tatou te mananaʻo e faʻatotonugalemu se parakalafa i totonu ole div, e mafai ona tatou faʻaogaina le CSS code nei: div { text-align: center; }. O lenei metotia e sili atu ona fautuaina talu ai e sili atu ona fetaui lelei i manaʻoga mamanu ma e fetaui ma lomiga fou o le su'esu'ega uepi.
I le aotelega, HTML text centering o se auala taua i le web design e ausia ai se ata paleni ata. E ala i metotia ma auala eseese, e pei o le »align» attributes and CSS styles, e mafai ona tatou ausia le mana'oga ma fa'aleleia foliga oa tatou mea. E taua le suʻesuʻeina o avanoa avanoa ma filifili le mea e sili ona talafeagai e tusa ai ma o tatou manaʻoga ma fesoʻotaʻiga suʻesuʻe. Ia manatua i taimi uma e tausia lau code mama ma faʻatulagaina mo le faʻaleleia atili i le lumanaʻi. Fa'ata'ita'i i auala 'ese'ese ma su'e po'o fea e sili ona lelei mo au galuega fa'atino. Fa'ata'ita'i ma fiafia i le fatuina o mamanu matagofie ma taula'i!
Metotia e fa'atotonu ai tusitusiga ile HTML
E tele auala e fa'atotonu ai tusitusiga ile HTML, pe i totonu ole parakalafa, ile ulutala, po'o le lisi. O lo'o i lalo nisi o metotia masani ma metotia fa'aoga e ausia ai le fa'atotonugalemu o tusitusiga ile HTML.
1. Fa'aaoga le igoa
2. CSS Text-align: O le isi filifiliga o le faʻaogaina o le CSS e faʻatotonu ai le tusitusiga. E mafai ona e faia e ala i le fa'aogaina o le property text-align: centre; i se elemene HTML po'o se vasega CSS. Faataitaiga:
Tusi fa'atotonugalemu ma CSS!
. E aoga lenei metotia pe afai e te manaʻo e faʻatotonugalemu elemene tusitusiga se tele i luga o se itulau.
3. Fa'aoga le pito: E mafai fo'i ona e fa'atotonu tusitusiga e ala i le fa'aogaina o le CSS margin property ma fa'atulaga le agavale ma le taumatau i le ta'avale. Lenei E mafai ona faia e ala ile inline CSS po'o se vasega CSS. Mo se faataitaiga:
Fa'atotonugalemu tusitusiga ma pito!
. O lenei metotia e mafai ona sili ona aoga pe a taumafai e faʻatotonu poloka tetele o tusitusiga poʻo ata.
Manatua o le fa'aogatotonuina o tusitusiga e fa'atatau i le atigipusa o lo'o i ai le tusitusiga, o lea e tatau ai ona e mautinoa e te fa'aogaina nei metotia ma metotia i elemene sa'o. E le gata i lea, ia manatua o nisi auala atonu e le fautuaina e faʻavae i luga o tulaga o loʻo iai nei HTML ma CSS, o lea e taua ai le nofouta i faiga sili ona lelei. Faatasi ai ma nei metotia, e mafai ona e ausia le faʻatotonugalemu o tusitusiga i au galuega faatino atina'e i luga ole laiga ile HTML.
Fa'atekonolosi Fa'amatalaga ma CSS
E tele auala ma auala e fa'atotonu ai tusitusiga ile HTML fa'aoga CSS. O nei metotia e mana'omia e ausia ai se ata matagofie ma paleni mamanu i luga o au itulau web. Le isi, matou te tuʻuina atu ia te oe nisi o metotia sili ona faʻaaogaina.
O se tasi o auala pito sili ona faigofie e faʻaogatonu ai tusitusiga o le faʻaaogaina lea o le "text-align" CSS property. O lenei meatotino e mafai ona fa'aoga i elemene poloka uma ma elemene i totonu. Ina ia fa'atotonu tusitusiga i totonu o se poloka poloka, na'o le fa'aopoopo o le laina lea o le code i lau sitaili:
«`
filifili {
fa'atulaga-tusitusiga: ogatotonu;
}
«`
O le isi auala lauiloa mo le fa'atotonugalemu o tusitusiga o le fa'aogaina lea o le »margin» meatotino tu'ufa'atasia ma se tau otometi o laina agavale ma taumatau. E maua lenei mea e ala i le faʻaopoopoina o le CSS code nei:
«`
tagata filifilia{
margin-agavale: otometi;
margin-right: otometi;
}
«`
Afai e te manaʻo e faʻatotonu tusitusiga i totonu o se atigipusa patino, e mafai ona e faʻaogaina le Flexbox technique. Muamua, seti le atigipusa e fai ma elemene flexbox e faʻaaoga ai le "faʻaaliga: flex" meatotino. Ona, fa'aoga'i fa'alava le mea o lo'o i totonu e fa'aaoga ai le meatotino "justify-content" ma le tau "centre". Faataitaiga:
«`
.container {
fa'aaliga: fefiloi;
ta'uamiotonuina: totonugalemu;
}
«`
O nisi nei o auala e masani ona faʻaaogaina mo le faʻatotonugalemu o tusitusiga e faʻaaoga ai le CSS ile HTML. Manatua e faʻatatau i ou manaʻoga ma le mamanu o lau 'upega tafaʻilagi, atonu e sili atu ona faigofie le faʻaogaina o se tasi poʻo se isi.. Faʻataʻitaʻi ma suʻe le mea e sili ona fetaui ma ou manaʻoga. O le fa'atotonugalemu o tusitusiga o se vaega taua o le ausiaina o se mamanu manino ma fa'apolofesa i au 'upega tafa'ilagi!
Fa'aaogā le uiga o le sitaili e fa'atotonu ai tusitusiga ile HTML
O se tasi o auala sili ona taatele ma sili ona faigofie e faʻatotonu ai tusitusiga i le HTML o le faʻaogaina o le uiga "style". O lenei uiga e mafai ai ona matou faʻaoga saʻo sitaili i se elemene HTML, i lenei tulaga, faʻaoga autu. E fa'atotonugalemu tusitusiga, e mafai ona tatou fa'aogaina le meatotino "text-align" ma le tau "ogatotonu". Mo se faʻataʻitaʻiga, afai matou te mananaʻo e faʻatotonugalemu le parakalafa, matou te faʻaopoopoina le uiga o le "style" ma tuʻuina atu i ai le tau "text-align: center".
O le isi filifiliga e faʻaogatonu ai tusitusiga i le HTML o le faʻaaogaina lea o le "tag
I le faaopoopo atu i nei faiga faavae, o loʻo i ai isi auala faʻapitoa mo le faʻatotonugalemu o tusitusiga i le HTML, e pei o le faʻaogaina o le flexbox ma le grid. O nei metotia e sili atu ona lavelave, ae latou te ofoina mai ia i tatou le sili atu ona fetuutuunai i le mamanu ma mafai ai ona tatou faʻatotonugalemu le tusitusiga i luga o le vaʻa ma le tuʻu. Ina ia faʻaogaina nei metotia, e tatau ona tatou faʻaogaina le CSS nai lo uiga HTML. E mafai ona tatou fa'amalamalamaina le sitaili ma le fa'atotonugalemu o meatotino i se tulafono ese CSS po'o sa'o i se sitaili inline e fa'aaoga ai le uiga sitaili.
Tu'usa'o ma fa'alava fa'atotonugalemu tusitusiga ile HTML
O le fa'atotonugalemu o tusitusiga i luga o le sa'o ma le fa'alava ose auala aoga tele i le atina'eina o upegatafa'ilagi e ausia ai fa'aaliga matagofie. I le HTML, o loʻo i ai auala eseese e ausia ai lenei faʻaoga tutotonu, e faʻatatau i manaʻoga o le mamanu. I totonu o lenei tusiga, o le a tatou suʻesuʻeina nisi o auala masani e faʻaoga e faʻatotonu ai tusitusiga ile HTML.
O se tasi o auala pito sili ona faigofie e faʻaogatotonu ai tusitusiga i le HTML o le faʻaaogaina lea o le "text-align" CSS property. O lenei meatotino e mafai ai ona e faʻamaonia le faʻaogaina o le faʻasologa o tusitusiga i totonu o se elemene HTML. E ala i le fa'atulagaina o le tau fa'aoga-tusi i le ogatotonu, o le a fa'atotonugalemu le tusitusiga i luga o le elemene. Mo se fa'ata'ita'iga, e fa'atotonu se palakalafa, e mafai ona tatou afifiina i totonu o se tag
O le isi auala masani mo le faʻatotonugalemu o tusitusiga i le HTML o le faʻaaogaina o le "faʻaalia" CSS meatotino faʻatasi ai ma le "flex" ma le "align-items" tau. E ala i le faʻaogaina o nei faʻatauga i se atigipusa, e mafai ona matou faʻatotonugalemu le tusitusiga o loʻo i totonu i luga i luga ma faʻalava. O lenei metotia e sili ona aoga pe a e manaʻomia le faʻatotonugalemu o tusitusiga i elemene fesuisuiai-tele, pei o se lisi o elemene. Ina ia faia lenei mea, matou te faʻaopoopoina le tag
- ma matou te fa'aogaina le sitaili CSS tutusa.
Faatasi ai ma nei metotia e lua, faatasi ai ma isi filifiliga, e pei o le faʻaogaina o laina faʻapitoa poʻo le faʻatinoina o poloka pusa fetuutuunai, o loʻo i ai i le au atinaʻe upega tafaʻilagi mea faigaluega eseese latou te mafaia e ausia ai le faʻaogaina o tusitusiga ile HTML. E taua le faʻataʻitaʻiina o nei metotia ma faʻafetaui i manaʻoga faʻapitoa o mamanu taʻitasi. Manatua o le sini mulimuli o le fa'atotonugalemu o tusitusiga o le fa'aleleia atili o le faitau ma le fa'aaliga vaaia o le se upega tafaʻilagi.
Fa'atonuga Fa'aaogāina A'o Fa'atotonu Tusitusiga i le HTML
A o'o i le fa'atotonugalemu o tusitusiga i le HTML, e taua tele le fa'atatauina o le fa'aogaina e fa'amautinoa ai e mafai e tagata fa'aoga uma ona fiafia i se vaaiga sili ona lelei. O lo'o i lalo nisi o metotia ma metotia e ausia ai le fa'atotonugalemu talafeagai e aunoa ma le fa'afefeina o le poto masani a le tagata fa'aletonu le vaai:
1. Fa'aoga fa'ailoga ma uiga: A fa'atotonu tusitusiga i le HTML, e fautuaina le fa'aogaina o fa'ailoga fa'apitoa e pei ole
ma uiga e pei o le "align" po'o le "style" e fa'avae ai le fa'atotonugalemu ma fa'alava. O nei pine ma uiga e fesoasoani foi i le au faitau suʻesuʻe e faʻamatala lelei le fausaga o mea.
2. Aloese mai le fa'aogaina o ata e fa'atotonu ai tusitusiga: E ui atonu e fa'aosoosoina le fa'aogaina o se ata e fai ma fa'amatalaga e ausia ai le fa'atotonugalemu matagofie, e mafai ona fa'afaigata ai le faitau mo tagata e fa'aletonu le vaai. Ae, mafaufau e fa'aaoga le CSS e fa'aoga ai sitaili fa'atotonugalemu e aunoa ma le fa'alagolago i ai mai se ata.
3. Ia mautinoa o le tusitusiga e mafai ona faitau: Pe a fa'atotonu tusitusiga, e taua le fa'amautinoaina e mafai ona faitau, aemaise lava mo tagata e iai fa'afitauli o le va'ai. Fa'aoga se lapo'a talafeagai ma ia mautinoa o lo'o lava le eseesega i le va o le tusitusiga ma le pito i tua. E fautuaina foi ina ia aloese mai le soona faaaoga o mataitusi tetele ma vase lalo, aua e mafai ona faafaigata ai le faitau.
Fautuaga e fa'asilisili le fa'atotonugalemu o tusitusiga i masini feavea'i
O se tasi o manatu autu pe a mamanuina upega tafaʻilagi mo masini feaveaʻi o le faʻaoga tatau o tusitusiga. O le fa'asiliina o le fa'atotonugalemu e fa'amautinoa ai o lo'o fa'aali sa'o le anotusi ma faigofie ona faitau i luga o lau la'ititi. O nisi nei o fautuaga ma metotia o le a fesoasoani ia te oe e ausia ai le faʻaogaina lelei o tusitusiga i masini feaveaʻi.
1. Fa'aoga le uiga "text-align" i le CSS: Faatasi ai ma lenei uiga, e mafai ona e faʻamaonia le faʻaogaina o le tusitusiga i se elemene HTML. Ina ia fa'atotonugalemu le tusitusiga, fa'aoga le "text-align: center." Ole mea lea ole a fa'amautinoa ole afifi otometi le tusitusiga ile ogatotonu mai le lau i masini feaveaʻi.
2. Aloese mai le faʻaogaina o le lautele faʻapipiʻi: O se mea sese masani o le faʻamalamalamaina o lautele faʻamau mo elemene HTML. Ole mea lea e mafai ona fa'aoso ai le o lo'o sosolo pe motusia ile lau laiti. Nai lo lena, mafaufau e fa'aoga le lautele o le sua po'o le pasene o iunite e fa'aoga ai mea i se auala fetuutuunai. masini eseese.
3. Fa'aoga le meatotino "laina-maualuga": O le meatotino "laina-maualuga" e mafai ona fesoasoani ia te oe e fa'aleleia atili ai le faitau o tusitusiga i masini feavea'i. O le si'itia teisi le tau o le maualuga o le laina, pei ole 1.5 po'o le 2, e maua ai le tele o avanoa tu'usa'o i le va o laina laina, e faafaigofie ai ona faitau le anotusi. Fa'ata'ita'i i tau eseese se'ia e maua le mea e sili ona fetaui ma lau design.
Ia manatua i taimi uma e fai su'ega i masini feavea'i eseese e fa'amaonia ai o le fa'atotonugalemu o le tusitusiga o lo'o tumau pea ma mafai ona faitau i lau mata uma. Faatasi ai ma nei fautuaga ma auala, e faigofie ona e faʻaogaina le faʻaogaina o tusitusiga i masini feaveaʻi ma tuʻuina atu se faʻaleleia atili o tagata faʻaoga i masini feaveaʻi. lau upega tafaʻilagi.
Fa'atonu fa'afitauli masani pe a fa'atotonu tusitusiga i le HTML
O se tasi o fa'afitauli masani ile fa'atotonugalemu o tusitusiga ile HTML o nisi taimi e le fa'atotonu sa'o le tusitusiga. E mafai ona tupu lenei mea ona o mafuaʻaga eseese, e pei o le faʻaaoga sese o meatotino CSS poʻo le leai o se malamalama i le auala e galue ai le fausaga o le HTML. Ae ui i lea, o loʻo i ai metotia ma metotia e mafai ona e faʻaogaina e foia ai lenei faʻafitauli.
O le tasi auala e fa'atotonu ai tusitusiga ile HTML ole fa'aoga ole CSS `text-align: center;` property. O lenei meatotino e faʻaoga e faʻaoga ai le anotusi, i lenei tulaga o le tusitusiga, i le ogatotonu o lona koneteina. Ina ia faʻaogaina lenei metotia, e tatau lava ona e faʻaopoopo le laina o loʻo i lalo i lau css faila po'o le uiga o le fa'ailoga HTML talafeagai:
"`html
O se fa'ata'ita'iga lea o tusitusiga fa'atotonu.
«`
O le isi auala e masani ona faʻaaogaina o le faʻaogaina o faʻailoga HTML.
"`html
«`
E le gata i lea, afai e te manaʻo e faʻatotonu le tusitusiga i luga o le itulau atoa, e mafai ona e faʻaogaina le 'margin' CSS property ma le 'auto' values. Faataitaiga:
"`html
Ole fa'ata'ita'iga lea ole tusitusiga fa'atotonu ile itulau atoa.
«`
I le mulimulitaia o nei metotia ma le faʻaogaina o meatotino CSS talafeagai, e mafai ona e foia faʻafitauli masani e fesoʻotaʻi ma le faʻaogaina o tusitusiga ile HTML. Manatua i taimi uma e suʻe ma fetuutuunai sitaili e tusa ai ma manaʻoga o lau poloketi.
Meafaigaluega aoga ma punaoa mo le faʻatotonugalemu o tusitusiga HTML
Pe a atia'e mataupu i luga o le upega tafa'ilagi, o le fa'atotonugalemu o tusitusiga o se galuega fa'avae e ausia ai se foliga matagofie. I lenei pou, matou te tuʻuina atu ia te oe se faasologa o metotia ma metotia aoga ina ia mafai ona e faʻaogaina i au galuega faatino.
O se tasi o auala sili ona faigofie e faʻaogatotonu ai tusitusiga i le HTML o le faʻaaogaina lea o le pine
O le isi filifiliga e fa'atotonu ai tusitusiga o lo'o fa'aogaina le CSS. E mafai ona e fa'aogaina le fanua fa'aoga-tusi ma le tau "ogatotonu" i totonu o le tulafono CSS e fa'atotonu ai tusitusiga o so'o se elemene HTML. E le gata i lea, e mafai ona e faʻaogaina isi mea CSS e pei o le pito ma le padding e fetuutuunai ai le avanoa i luga o le ogatotonu o tusitusiga e ausia ai le manaʻoga. Manatua i taimi uma e faʻaoga le syntax saʻo ma faʻaoga nei tulafono i le elemene HTML patino e te manaʻo e faʻatotonugalemu.
I le aotelega, o le faʻaogaina o tusitusiga i le HTML o se metotia faʻavae e mafai ona faʻatinoina e ala i auala eseese e ausia ai se mamanu mama ma faʻapolofesa i le tuʻuina atu o mea. i luga o le upega tafaʻilagi. Pe fa'aaogaina le CSS text-align property po'o le tu'ufa'atasia o sitaili eseese, text centering e mafai ona fa'afetaui i mana'oga patino o mea ta'itasi. upega tafaʻilagi. E ala i le malamalama i auala autu o loʻo tuʻuina atu i lenei tusiga, e mafai e le au atinaʻe ona faʻamautinoa le faʻatulagaina lelei ma le matagofie o tusitusiga i totonu oa latou galuega. Matou te faʻamoemoe o lenei faʻamatalaga na aoga ma matou valaʻauina oe e faʻatino nei auala e faʻaleleia ai le tuʻuina atu o au tusitusiga i luga o le upega tafaʻilagi. Su'esu'e ma fa'ata'ita'i i nei faiga fa'atotonugalemu ma ave au mamanu HTML i le isi tulaga!
O aʻu o Sebastián Vidal, o se inisinia komepiuta e fiafia tele i tekinolosi ma DIY. E le gata i lea, o a'u o le foafoa o tecnobits.com, lea ou te faʻasoa atu ai aʻoaʻoga e faʻafaigofie atili ai tekinolosi ma malamalama mo tagata uma.