CSS - wyśrodkuj wszystko wewnątrz znacznika body

Question

Próbuję wyśrodkować wszystko w tagu na stronie bez dodawania do niego innego kontenera. Moja sytuacja nie pozwala mi zmienić generowanego znacznika, ale mogę edytować CSS. Moim głównym celem jest stworzenie css, który pozwala mi używać tagu zoom w IE dla print css (aby pomniejszyć), ale sposób, w jaki obecnie działa, tworzy dużo białej przestrzeni po prawej stronie, a ja lubię się upewnić, że zawartość jest zawsze wyśrodkowana w środku.

Answer 1

Jeśli jesteś ok z dając organizmowi stałą szerokość, można wyśrodkować ją przez nadanie jej szerokość i margines auto dla lewego i prawego marginesu:

np

body { width: 960px; margin: 0 auto; } 

Answer 2

Jeśli chcesz coś takiego - http://jsbin.com/emomi3/5/ ...

body { 
    position: relative; 
    width: 100%; 
    border: 1px solid red; 
    display: block; 
    } 

    body > * { 
    margin: auto; 
    width: 500px; 
    border: 1px solid blue; 
    display: block; 
    overflow: auto; 
    } 

    body > script { 
    display: none 
    } 

(granice są tylko w celach ilustracyjnych)

Answer 3

jeśli używasz primefaces ..., polecam wam dodać !important tak:

body { 
    width: 1280px; 
    height: 1024px; 
    margin: 0 auto !important; 
}