Ang paggamit ng CSS sa gitna: ang teksto at table

Impormasyon ng mundo sa lahat ng mga elemento nito at ay kinakatawan ng approximation ng mga elemento, mga salita at mga teksto, o sa huling pagkakataon formalized - mga teksto at mga talahanayan. Maaari mong isaalang-alang ang isa, mayroon na kilala, mga istraktura ng data, pati na rin ang mga larawan, ngunit upang gamitin ang CSS at HTML na mga isyu sa mga tuntunin ng pag-format ng teksto natitirang mga form ng impormasyon ay may iba't ibang mga saloobin.

Wastong istraktura page ng site ay nagsasangkot ng pagtukoy ng mga posisyon ng bawat elemento. HTML na dokumento ay palaging - isang pagkakasunod-sunod ng mga elemento sa display ay direktang naiimpluwensyahan sa pamamagitan ng tatlong pangunahing panuntunan:

• Absolute na pagpoposisyon (posisyon);
• spot sa isang stream;
• z-index.

Iba pang tuluyan pagpipilian ay mahalaga rin, ay nangangailangan ng higit na kaalaman upang malutas ang problema sa CSS "sa gitna ng text."

Pagsasentro at pag-align panuntunan

CSS panuntunan madagdagan ang HTML na dokumento, ngunit walang kanan ng huli ay maaaring makaya na may anumang pagpipilian alignment. Ang pagka-nasa-lahat-ng-pook ng mga mobile na mga aparato at ang disenyo ng pag-aalaga sa direksyon ng mas malawak na pagiging simple at "squareness" ay gumagawa ang isyu pagsasentro kasalukuyang, habang ang iba pang mga alignment madalas loses halaga.

Ang pangunahing elemento ng pahina - unit inilarawan tiyak na istilo. Sa pangkalahatan horizontal alignment: text-align ay maaaring tumagal, pati na ang nangyari lamang apat na mga halaga (kaliwa, gitna, kanan, mabibigyang-katwiran). Maaari kang magsagawa ng isang vertical-align sa pamamagitan ng pagsasama ang halaga ng kanang taas at line-height:

{
height: 88px; // sa ang ratio na ito
line-height: 88px; // css para sa mga text Center - Vertical
}

Maaari kang mag-eksperimento na may iba't ibang mga panuntunan. ; Ang mga pinagmumulan natagpuan pagbanggit tungkol sa mga interpretasyon ng mga patakaran block display: table, display: table-cell at vertical-align: middle; ngunit hindi ito palaging gumagana.

Pagpapantay teksto sa pamamagitan ng mga talahanayan

Ang tanging istraktura ng data na ay upang maunawaan una at mabuhay magpakailanman - table. Nagbibigay ito at ang vertical at horizontal alignment, sa karagdagan, ang tanong ng kung paano upang ilagay ang teksto sa CSS center, ang paggamit ng mga talahanayan ay hindi na magkaroon ng isang mahirap unawain kahulugan.

Ang umiiral na kasanayan ng paggamit ng mga panuntunan CSS upang makamit ang isang partikular na layunin sa markup ay hindi palaging natutugunan ang konsepto ng Cascading Style Sheets. Walang pumipigil sa nag-develop upang maisagawa ang pag-align sa anumang direksyon sa pamamagitan ng paglalagay ng nilalaman sa central cell ng talahanayan ng tatlong haligi at tatlong mga hilera.

desisyon na ito ay hindi standard, ngunit epektibo. Sa halip ng isang mahaba at maselan na malutas ang problema ng pahinang cross-browser o inaasahan margin sa kaliwa, kanan, at iba pa. Maaari mong gamitin ang luma na porsyento lapad at taas ng hilera ng mga cell sa mga mesa.

Alignment sa pamamagitan ng JavaScript

Ang tanong "Paano upang ilagay ang text nakasentro sa HTML" elementary solusyon algorithm, wika ng browser, at may isang mas praktikal at kamangha-manghang disenyo.

Design Estilo Files wala na sa stream, at halos bawat self-alang content management system ay nagbibigay ng mga developer ay nagtatakda ng mga estilo para sa lahat ng okasyon. Ngunit ang buhay ay laging nangangailangan ng kongkreto: ito ay kinakailangan sa bawat oras mula sa simula mag-isip, kung paano ito na may CSS teksto sa gitna ng lugar. Pagpipilian para sa mga layuning pang-align sa yunit, "nakadikit" sa gilid ng pahina, ngunit dahil mayroon akong ang laki, marahil ay angkop harangan ang mga pop-up na menu, na kung saan ay binuo mula sa iba't ibang mga elemento.

Nakikita nakasentro - ito ay hindi laging madali upang i-block, na kung saan ay orihinal na kilala, kung saan ang kaliwang bahagi at kung gaano karaming mga pixels sa kanan, kung saan ang tuktok, at hindi magagarantiya na ang ibaba - ito ay ang linya tungkol sa kung aling dapat isagawa ang vertical alignment.

Isang kalakaran na ang estilo ay dapat na tinutukoy sa pamamagitan ng ang nilalaman. Ang mas maraming mga site ang impormasyon ng bisita, ang visual at sound - lamang karagdagan sa mga normal na text. Na ang mga character na ito ay nais na nilalaman (ito ay hindi nalalapat sa mga website sa sining, pagpipinta, musika, atbp) - ay isang tanong ng mga kinakailangang impormasyon sa bisita.

Mga Tampok pagtatanghal ng teksto at HTML

At nangyari, na isang hindi mahahati elemento ng pahina ng nilalaman - teksto, at hindi sa salita. Semantics - ay ang kakayahan ng nag-develop (ang ari ng site). Sa totoo lang ang teksto ay maaaring isumite sa isang tag, iyon ay isang natural na pangungusap ay maaaring maging hindi lamang isang pagkakasunod-sunod ng mga character, at ang pagkakasunud-sunod ng mga tag na naglalaman ng mga character. Mula sa ito ay sumusunod na ang "mahirap" CSS "sa gitna ng teksto" ay maaaring ilagay lamang sa simpleng mga kaso.

Server extradition request para sa browser ay masyadong malawak at naglalaman ng maraming mga sangkap, hindi laging may kaugnayan sa kung ano ang ay ipapakita. Kapag pagdisenyo ng layout ng pahina na ito ay mahalaga upang ilagay ang diin sa mga tuntunin ng pagtatanghal, sa mga partikular na ang pagkakahanay. Isang bagay na mas mahusay na gawin sa server na ang isang client na nasa browser. Huwag laging umasa sa mga panuntunan CSS, tumuon sa mga resulta ng pagtatapos ay mas praktikal.