Ang paggamit sa CSS sa tunga-tunga: ang teksto ug lamesa

Impormasyon kalibutan sa tanan nga mga elemento niini ug ang girepresentahan sa gibanabana sa mga elemento, mga pulong ug mga teksto, o sa katapusan nga higayon pormal - teksto ug mga lamesa. Ikaw mahimo tagda sa uban nga, na nga nailhan, istruktura data, ingon man ang mga hulagway, apan sa paggamit sa CSS ug HTML nga mga isyu sa mga termino sa formatting teksto nahibilin nga mga porma sa impormasyon nga adunay usa ka lain-laing mga kinaiya.

Husto nga gambalay panid site naglakip sa pagtino sa posisyon sa matag elemento. HTML-dokumento mao ang kanunay - ang usa ka han-ay sa mga elemento sa display ang direktang naimpluwensiyahan sa tulo ka nag-unang mga lagda:

• Bug-os nga positioning (posisyon);
• dapit sa usa ka sapa;
• z-index.

Ang ubang mga accommodation kapilian sa mga importante usab, nagkinahanglan sa dugang nga kahibalo sa pagsulbad sa mga problema sa CSS "sa sentro sa teksto."

Sa pagsentro sa ug paglaray, pagtalay lagda

CSS lagda pagdugang sa HTML-dokumento, apan sa gawas sa katungod sa mga ulahing mahimong pagsagubang sa bisan unsa nga kapilian paglaray, pagtalay. Ang ubiquity sa mobile devices ug sa disenyo sa pag-atiman sa sa direksyon sa mas dako nga kayano ug "squareness" naghimo sa isyu sa pagsentro sa kasamtangan, samtang ang uban nga mga paglaray, pagtalay sa kasagaran mawad-an sa bili.

Ang nag-unang elemento sa panid - yunit nga gihulagway sa pipila ka estilo. Sa kinatibuk-pinahigda nga alyansa: text-align mahimo sa, ingon nga nahitabo lamang sa upat ka mga mithi (sa wala, sa sentro, sa tuo, magpakamatarung). Ikaw mahimo sa pagbuhat sa usa ka bertikal pagpahiangay pinaagi sa paghiusa sa mga bili sa sa husto nga gitas-on ug sa linya-gitas-on:

{
gitas-on: 88px; // niining ratio
linya-gitas-on: 88px; // CSS alang sa text Center - Bertikal
}

Ikaw mahimo eksperimento uban sa lain-laing mga mga lagda. ; Ang mga tinubdan nga makita paghisgot mahitungod sa kahulogan sa mga lagda block display: lamesa, display: lamesa-cell ug bertikal-align: tunga-tunga; apan dili sa kanunay kini nga mga buhat.

Aligning teksto pinaagi sa mga lamesa

Ang bugtong nga gambalay data nga nga nakasabut una ug mabuhi sa walay kataposan - lamesa. Kini naghatag ug mga bertikal ug pinahigda pagpahiangay, sa Dugang pa, ang pangutana kon unsaon sa pagbutang teksto sa CSS center, sa paggamit sa mga lamesa wala na adunay usa ka komplikado nga kahulogan.

Ang kasamtangan nga batasan sa paggamit sa mga lagda sa CSS sa pagkab-ot sa usa ka partikular nga katuyoan sa markup mao ang dili kanunay motagbaw sa konsepto sa busay Estilo Sheets. Walay magpugong sa developer sa paghimo sa paglaray, pagtalay sa bisan unsa nga direksyon pinaagi sa pagbutang sulod ngadto sa sentro nga cell sa lamesa sa tulo ka mga kolum ug totolo ka laray.

Kini nga desisyon dili standard, apan epektibo. Inay sa usa ka taas ug kuti nga pagsulbad sa problema sa panid krus-browser o magdahom kilid sa wala, sa tuo, ug sa ingon sa. Inyong magamit sa mga sagad nga porsyento gilapdon ug laray kahitas-an sa mga selula sa mga lamesa.

Paglaray, pagtalay pinaagi sa JavaScript

Ang pangutana "Unsaon sa pagbutang teksto nakasentro sa HTML" elementary solusyon algorithm, browser pinulongan, ug adunay usa ka daghan nga mas praktikal ug masilakon disenyo.

Design Style Files na sa sapa, ug sa hapit tanang-sa-kaugalingon mahitungod sa sulod sa pagdumala sa sistema sa naghatag sa developer nagtakda estilo alang sa tanan nga mga okasyon. Apan ang kinabuhi sa kanunay nagkinahanglan og konkreto: kini mao ang gikinahanglan nga sa matag higayon nga gikan sa nagaras sa paghunahuna, sa unsa nga paagi kini sa CSS nga teksto sa sa tunga-tunga nga dapit. Option alang sa mga katuyoan paglaray, pagtalay sa unit, "glued" ngadto sa kilid sa pahina, apan tungod kay ako adunay gidak-on, halos angay block pop-up menu, nga gitukod gikan sa lain-laing mga elemento.

Makita nakasentro - kini dili kanunay sayon nga babagan, nga sa sinugdanan nailhan, diin ang wala nga bahin ug sa unsa nga paagi sa daghang mga pixels sa tuo, diin ang ibabaw, ug dili garantiya nga ang ubos - kini sa linya nga kinahanglan sa paghimo sa bertikal paglaray, pagtalay.

Usa ka Trend nga ang estilo kinahanglan nga gitinguha sa mga sulod. Ang mas nga mga dapit mao ang mga impormasyon bisita, ang biswal ug tingog - lamang dugang sa normal nga teksto. Nga ang mga karakter nga gitinguha sulod (dili kini magamit sa website sa arte, painting, musika, ug uban pa) - mao ang usa ka pangutana sa mga gikinahanglan nga impormasyon ngadto sa bisita.

Features presentasyon sa teksto ug sa HTML

Ug nahitabo nga sa usa ka mabulag elemento sa panid sulod - teksto, ug dili sa pulong. Semantiko - mao ang katakos sa mga developer (ang site tag-iya). Sa pagkatinuod ang teksto mahimong gisumiter sa usa ka tag, nga mao ang usa ka natural nga hukom mahimong dili lang sa usa ka han-ay sa mga karakter, ug ang han-ay sa mga tag nga naglakip karakter. Gikan niini nga kini mosunod nga ang "lisud nga" CSS "sa sentro sa teksto" mahimong ibutang lamang sa yano nga mga kaso.

Server extradition hangyo alang sa browser mao ang kaayo halapad ug naglakip sa daghan nga mga elemento, dili sa kanunay nga may kalabutan sa unsa ang gipakita. Sa diha nga aron sa Layout sa mga panid nga kini mao ang importante nga sa pagbutang sa pagpasiugda sa mga termino sa presentasyon, sa partikular nga sa paglaray, pagtalay. Butang nga mas maayo sa pagbuhat sa server nga ang usa ka kliyente nga anaa sa browser. Ayaw kanunay mosalig sa mga lagda CSS, focus sa resulta katapusan mas praktikal.