Matumizi ya CSS katikati: maandishi na meza

Taarifa ya dunia katika mambo yake yote na inawakilishwa na makadirio ya mambo, maneno na maandiko, au katika mwisho mfano rasmi - maandiko na meza. Unaweza kufikiria wengine, tayari anajulikana, data miundo, ikiwa ni pamoja na picha, lakini kutumia CSS na HTML masuala katika suala la formatting Nakala iliyobaki aina ya habari na mtazamo tofauti.

Sahihi tovuti ukurasa muundo inahusisha kuamua msimamo wa kila kipengele. HTML-hati daima - mlolongo wa mambo juu ya kuonyesha ni moja kwa moja kusukumwa na sheria tatu za msingi:

• Kabisa nafasi (msimamo);
• doa katika mkondo;
• z-index.

Nyingine malazi chaguzi ni muhimu, wanahitaji elimu zaidi ya kutatua tatizo na CSS "katika kituo cha maandishi."

Centering na alignment sheria

CSS sheria kuongeza HTML-hati, lakini bila haki ya mwisho inaweza kukabiliana na chaguo lolote alignment. kuenea pote kwa simu ya mkononi na mpango wa huduma ya katika mwelekeo wa unyenyekevu mkubwa na "squareness" kunafanya suala centering ya sasa, wakati mfungamano nyingine mara nyingi hupoteza thamani.

kipengele kuu ya ukurasa - kitengo ilivyoelezwa style fulani. Kwa ujumla usawa alignment: text-align inaweza kuchukua, kama imetokea maadili nne tu (kushoto, katikati, kulia, kuhalalisha). Unaweza kufanya alignment wima kwa kuchanganya thamani ya urefu wa kulia na urefu wa mstari:

{
urefu: 88px; // katika uwiano huu
urefu wa mstari: 88px; // css kwa Center maandishi - Vertical
}

Unaweza majaribio na sheria mbalimbali. ; vyanzo kupatikana kutaja kuhusu tafsiri ya sheria ya kuzuia kuonyesha: meza, kuonyesha: meza ya chembechembe na wima-align: katikati; lakini si mara zote ni kazi.

Kuandaa maandishi kwa meza

data tu muundo ambayo ilikuwa kueleweka kwanza na kuishi milele - meza. Hutoa na wima na usawa alignment, kwa kuongeza, swali la jinsi ya kuweka maandishi katikati CSS, kwa kutumia meza tena na maana tata.

mazoezi sasa wa kutumia sheria CSS kufikia lengo fulani katika ghafi ni daima satisfies dhana ya kuachia Style Sheets. Hakuna kuzuia developer kufanya alignment katika upande wowote kwa kuweka bidhaa kwenye seli ya kati ya jedwali la nguzo tatu na safu tatu.

uamuzi huu si ya kawaida, lakini ufanisi. Badala ya muda mrefu na kina kutatua tatizo ya ukurasa kuvuka kivinjari au kutarajia pembezoni kushoto, kulia, na kadhalika. Unaweza kutumia trite asilimia upana na safu urefu wa seli katika meza.

Mpangilio kupitia JavaScript

swali "Jinsi ya kuweka nakala unaozingatia katika HTML" msingi ufumbuzi algorithm, lugha ya kivinjari, na ina mpango zaidi ya vitendo na ya kuvutia.

Design Style Files tayari wamekwenda kwenye mkondo, na karibu kila binafsi kuheshimu mfumo wa usimamizi hutoa developer seti mitindo kwa wakati wote. Lakini maisha siku zote inahitaji halisi: ni muhimu kila wakati kutoka mwanzo kufikiri, jinsi gani na CSS Nakala katika nafasi ya katikati. Chaguo kwa madhumuni mfungamano katika kitengo, "glued" kwa upande wa ukurasa, lakini kwa sababu nina kawaida, vigumu kufaa kuzuia pop-up menu, ambayo imejengwa na mambo mbalimbali.

Inaonekana katikati - ni si rahisi kuzuia, ambayo awali ilikuwa inajulikana, ambapo upande wa kushoto na jinsi wengi saizi na haki, ambapo ya juu, na wala kuthibitisha kwamba chini - ni mstari juu ambayo inapaswa kufanya alignment wima.

Ni moja ya mwelekeo kwamba mtindo lazima kuamua na maudhui. tovuti zaidi ni mgeni habari, Visual na sauti - tu kuongeza katika maandishi ya kawaida. Hiyo wahusika ni taka maudhui (hii haina yanahusu tovuti kwenye sanaa, uchoraji, muziki, nk) - ni suala la habari muhimu ya wageni.

Makala kuwasilisha matini na HTML

Basi, ikawa kwamba kipengele hazigawanyiki ya ukurasa maudhui - maandishi, na wala si neno. Semantiki - ni uwezo wa developer (tovuti mmiliki). Kwa kweli maandishi inaweza kuwasilishwa kwa tag moja, kwamba ni hukumu ya asili inaweza kuwa si tu mlolongo wa wahusika, na mlolongo wa vitambulisho vyenye wahusika. Kutokana na hili ifuatavyo kwamba "ngumu" CSS "katika kituo cha maandishi" unaweza kuweka tu katika kesi rahisi.

Server extradition ombi la browser ni pana sana na ina sehemu nyingi, si mara zote kuhusiana na kile kuonyeshwa. Wakati kubuni mpangilio wa ukurasa ni muhimu kuweka mkazo katika suala la kuwasilisha, hasa alignment. Kitu bora zaidi ya kufanya kwenye kompyuta kuwa mteja iliyo katika browser. Je, si mara zote hutegemea sheria CSS, kuzingatia matokeo ya mwisho ni zaidi kwa vitendo.