den hellige gral af css koncentrerer,,,, chris coyier offentliggjorde for nylig en   beslutningstræ   på byggepladsen,   css tricks, viser, at en række måder at horisontalt eller vertikalt center ting ved hjælp af ccs.som enkeltstående løsninger, de har alle deres forbehold, men samtidig er de en ustoppelig koncentrerer værktøj, der arbejder på tværs af browser i ie8 og konsekvent.,, det er, hvordan du gør det.,,, note:,   til at omfatte alle baser har jeg givet forklaring på video og skriftligt.  ,, se videoen,,,, hente video eller tilslutte sig tuts + web - design på youtube, læse resten, hvis du begår en lydhør websted, vil de sandsynligvis være størrelsessortering din elementer med procenter, så lad os lave en vilkårlig  ,. beholder,   element:,, < div klasse = "beholder" >...< /div >,,. container (bredde: 70%, højde: 70% margen: 40px auto; baggrund: rød;}, og sørge for, at vores indeholder element strækker sig ud på, lad os sætte  , html organ (bredde: 100%, højde: 100%.},.,, at borde, nu, i denne  ,. container, vi får vertikal koncentrerer sig med fælles tabel mønster.det tager normalt blok niveau elementer og gør dem til at opføre sig som tabel celler, der giver os vertikale koncentrerer:,, < div klasse = "containere" > < div klasse = "ydre" > < div klasse = "interne" >...< /div > < /div > < /div >,,. ydre (display: tabel: bredde: 100%, højde: 100%}. indre (display: tabel celle, vertikale linje: middeltunge; tekst tilpasse: center;} endelig er vi nødt til at tilføje et horisontalt orienteret element:,, < div klasse = "containere" > < div klasse = "ydre" > < div klasse = "interne" > < div klasse = "samlet" >...< /div > < /div > < /div > < /div >,,. ­ (holdning: relativ; display: i overensstemmelse med blok; bredde: 50%; polstring: 1em; baggrund: orange, farve: hvid;}, i det, du kan alt, hvad du ønsker, herunder dynamiske højde tekst, blokke eller helt placeret elementer.,, demo på github,,, forandringer, at ændre de horisontale koncentrerer sig om element, ændre  ,. indre, er  , tekst, tilpasse,   ejendom.for at ændre den lodrette koncentrerer sig, ændre  ,. indre, er  , lodret linje,   ejendom.,,, at dette eksempel kan virke som en del af avancen, men de er kun tre stykker  , div. s:  ,. ydre,  ,. indre, og. samlet,.og på vej til disse er konsekvent, så du kan bruge det her i din boilerplate css over projekter og bekymre dig aldrig om det igen. det er et yderligere element er større end de fleste koncentrerer teknikker og fuldstændig skudsikker.jeg håber, at dette bliver den faste holdning, og vi kan endelig holder op med at bekymre sig om koncentrerer sig i css.,