centro de un div en el CSS

Estoy tratando de centrar la newsslider (en la parte inferior-div contenedor) en esta página:centro de un div en el CSS

http://www.luukratief-design.nl/dump/parallax/index.html

Ya tengo text-align: center;

Aún no funciona .

¿Alguna sugerencia?

2010-02-17 Luuk

¡Estoy votando para cerrar esta pregunta como fuera de tema porque la pregunta del enlace único y el enlace están muertos! –

El text-align: center; únicos centros contenidos en línea del elemento, no el elemento en sí.

Si se trata de un block element (un div es), es necesario establecer margin: 0 auto;, más si se trata de una inline element, es necesario establecer el text-align: center; en su elemento padre lugar.

El margin: 0 auto; establecerá margen superior e inferior para 0 y el margen izquierdo y derecho de auto (del mismo tamaño) para que automágicamente se pone en el centro. Esto solo funciona si el elemento de bloque en cuestión tiene un width conocido (ya sea fijo o relativo), de lo contrario no se puede determinar por dónde comenzar y finalizar.

Fuente

2010-02-17 13:47:30 BalusC

y es posible que también deba darle un ancho explícito a "div". –

Sí, también necesita darle un ancho explícito al elemento bloque, lo edité en. – BalusC

IIRC, algunas versiones anteriores de IE no reconocerán los valores de margen 'auto', pero * usarán * (erróneamente)' texto -alinear a los elementos centrales del bloque, así que use ambos si puede. –

añadir

margin:auto;

Fuente

2010-02-17 13:46:57

Intente agregar esto al estilo.

margin-left: auto;

Fuente

2010-02-17 13:47:47

-3

Crear una tabla con una sola fila y tres columnas, juego de izquierda y derecha para el ancho a 100% y listo, el del medio se centra automáticamente

Fuente

2010-02-17 13:48:42 alemjerus

Esta es una respuesta válida. Impractical en la mayoría de los escenarios, sí. SIN EMBARGO, sigue siendo válido. Por favor, deje de votar una respuesta válida solo porque 'así lo desea'. –

text-align no debe ser utilizado para centrar un elemento de bloque . (excepto en IE6, pero este es un bug)

Tiene que corregir el ancho del bloque, luego use margin: 0 auto;

#block 
{ 
    width: 200px; 
    border: 1px solid red; 
    margin: 0 auto; 
}

<div id="#block">Some text... Lorem ipsum</div>

Fuente

2010-02-17 13:49:43

Prueba esto:

#bottombox { 
background:transparent url(../images/bg-bottombox.png) no-repeat scroll 0 0; 
float:none; 
height:137px; 
margin:0 auto; 
padding-top:14px; 
width:296px; 
}

Eso se debe centrar el div en el pie de página.

Fuente

2010-02-17 15:37:08 tahdhaze09

Una manera:

<div align="center">you content</div>

mejor manera:

<div id="myDiv">you content</div>

CSS para myDiv:

#myDiv{ 
margin:0px auto; 
}

Fuente

2010-02-17 15:40:35 ant

siempre uso

<div align="center">Some contents......</div>

Fuente

2010-02-17 18:00:04 Ashok

Confirmo que esto funciona con Firefox (v54), Chrome (v58) y Safari (v10). –

Uso text-align: center para el contenedor, display: inline-block para el div contenedor, y display: inline para el div de contenido a contenido horizontalmente centro que tiene una anchura definida a través de navegadores:

<!doctype html> 
    <html lang="en"> 
    <head> 
     <style type="text/css"> 

    /* Use inline-block for the wrapper */ 
    .wrapper { display: inline-block; } 

    .content { display:inline; } 

    .container { text-align:center; } 

    /*Media query for IE7 and under*/ 

    @media, 
     { 
     .wrapper { display:inline; } 
     } 
     </style> 

     <title>Horizontal Centering Test</title> 
    </head> 

    <body> 

     <div class="container"> 
     <div class="content"> 
      <div class="wrapper"> 
       test text 
      </div> 
     </div> 
     </div> 
    </body> 
    </html>

Fuente

2012-06-20 19:08:12

anchura proporcionada es ajustado, y poner un DOCTYPE adecuado,

Prueba esto:

Margin-left: auto; 
Margin-right: auto;

esperanza esta hel ps

Fuente

2012-09-18 21:00:00

Respuesta

Cuestiones relacionadas