¿Cómo centrar el cuerpo en una página?

Estoy tratando de centrar el elemento del cuerpo en mi página HTML.¿Cómo centrar el cuerpo en una página?

enter image description here

Básicamente, en el CSS fijo el elemento del cuerpo para ser display: inline-block; por lo que sólo es tan amplia como su contenido. Eso funciona bien Sin embargo, margin: 0px auto; no lo centra en la página.

¿Alguien sabe cómo solucionar esto? Quiero que el gran cuadrado azul se centre en la página, no que flote hacia la izquierda como lo está ahora.

Aquí es mi CSS:

body { 
    display: inline-block; 
    margin: 0px auto; 
    text-align: center; 
}

Fuente

2012-06-03 Ryan Peschel

¿Deberían esas otras cajas no estar dentro del cuerpo? – barro32

Sugeriría _no_ centralizar 'cuerpo', de hecho, hacer un' div' centrado – Asif

nunca debe centrar el cuerpo. eche un vistazo a freecsstemplates.com --- usted los diseñadores siempre usan divs – Yang

también se aplican text-align: center; en el elemento html así:

html { 
    text-align: center; 
}

Un mejor enfoque, aunque es tener un div interior de contenedores, que será centralizada, y no el cuerpo.

Fuente

2012-06-03 18:16:13

Esto es exactamente lo que se solicitó, ¿por qué se baja la votación? http://jsfiddle.net/gA9La/2/ – barro32

Esto funciona perfectamente. Gracias. –

He editado mi respuesta. Ver el mejor enfoque. –

Debe especificar el ancho del cuerpo para que se centre en la página.

Or put all the content in the div and center it.

<body> 
    <div> 
    jhfgdfjh 
    </div> 
</body> 

div { 
    margin: 0px auto; 
    width:400px; 
}

Fuente

2012-06-03 18:16:48 SRN

Hmm ... pensé que este podría haber sido el caso pero ... ¿y si no sé el tamaño por adelantado? –

Luego use un porcentaje –

Intenté establecer el ancho y usar un porcentaje, pero ninguno de ellos centró el cuerpo. –

body 
    { 
     width:80%; 
     margin-left:auto; 
     margin-right:auto; 
    }

Esto funcionará en la mayoría de los navegadores, incluyendo IE.

Fuente

2012-09-20 23:38:21 Freakishly

Sí, me gusta esto. No quería que el cuerpo tuviera un ancho fijo. –

Para aquellos que hacer conocer el ancho, que podría hacer algo como

div { 
    max-width: ???px; //px,% 
    margin-left:auto; 
    margin-right:auto; 
}

También estoy de acuerdo en no establecer text-align: Centro en el cuerpo, ya que puede estropear el resto de su código y es posible que tenga que establecer individualmente text-align: dejó en muchas cosas en ese momento o en el futuro.

Fuente

2015-05-26 20:04:20 DardanM

¿Cómo centrar el cuerpo en una página?

Respuesta

Cuestiones relacionadas