Style Sheets Web
CSS tips & tricks

Ky dokument është një përkthim i "CSS Tips & Tricks." Përkthimi nuk është një përkthim i normative dhe mund të përmbajë gabime e përkthimit. Rishikimi i statusit të vetëm në anglisht në dokument http://www.w3.org/Style/Examples/007/center.html W3C është e mbrojtur nga copyright.

Gjëra qendërzim

Një detyrë e përbashkët për CSS është tekst qendra ose imazhe. Në fakt, ekzistojnë tri lloje të qendërzim:

• Rreshta të tekstit qendërzim
• Qendërzim një bllok të tekstit ose një imazh
• Qendërzim një bllok apo një imazh vertikalisht

Rreshta të tekstit qendërzim

Më e zakonshme dhe (kështu) llojin e qendërzim më e lehtë është ajo e linjave të tekstit në një paragraf ose në titull. CSS ka tekst pronë '-align "për se:

P (text-align: center)
H2 (text-align: center)

bën çdo vijë në një P ose në një H2 qendror midis kufijtë e saj, si kjo:

Qendërzim një bllok apo imazh

Ndonjëherë nuk është teksti që ka nevojë të përqëndruara, por si një bllok i tërë. Ose, formuluar ndryshe: ne duam margin majtë dhe të djathtë të jetë e barabartë. Mënyrë për të bërë këtë është për të vendosur kufijtë në 'auto'. Kjo është përdorur normalisht me një bllok të gjerësi fikse, sepse në qoftë se vetë është blloku fleksibël, ai thjesht do të marrë të gjithë gjerësinë në dispozicion. Këtu është një shembull:

P.blocktext (
    margin-left: auto;
    margin-right: auto;
    width: 6em
)
...
<P Class="blocktext"> Kjo më tepër ...

Kjo është gjithashtu një mënyrë për të qendrës imazh: bëjnë atë në bllokun e vet dhe të aplikojnë pronat diferencë në të. Për shembull:

IMG.displayed (
    display: block;
    margin-left: auto;
    margin-right: auto)
...
<Klasë IMG = "shfaqet" src ="..." alt ="...">

Qendërzim vertikalisht

Nivel CSS 2 nuk ka një pronë për qendërzim gjëra vertikalisht. Ka të ngjarë të jetë një në nivel CSS 3. Por edhe në CSS2 ju mund blloqe qendër vertikalisht, duke kombinuar të disa pronave. Qëllimi është që të përcaktojë se bllok e jashtme duhet të jetë i formatuar si një qelizë tavolinë, sepse përmbajtja e një qelizë tabelë mund të përqëndruara vertikalisht.

Shembull qendrat një paragraf më poshtë brenda një bllok që ka një lartësi të caktuar të dhënë. Një shembull të veçantë tregon një paragraf që është qendror vertikalisht në dritaren e browser, sepse ai është brenda një bllok që është pozicionuar në mënyrë absolute dhe si i gjatë si dritare.

DIV.container (
    min-height: 10em;
    display: table-cell;
    vertical-align: mesme)
...
<div Class="container">
  <P> Ky paragraf të vogël ...
</ DIV>