Tema: Centrar divs
Ver Mensaje Individual
  #4 (permalink)  
Antiguo 07/02/2013, 13:35
Avatar de twilvaro
twilvaro
 
Fecha de Ingreso: febrero-2012
Ubicación: La Línea (Cádiz)
Mensajes: 47
Antigüedad: 12 años, 2 meses
Puntos: 5
Respuesta: Centrar divs

También puedes usar Flexbox:

Código:
.centrar { display: box; box-orient: horizontal; box-align: center; }
Si añades este código, conseguirás que los elementos de una caja con clase "centrar" se centren horizontalmente de forma automática. Luego, si quieres que el tamaño de cada div sea proporcional al tamaño de la caja padre, añadirías "box-flex: 1;", o 2, o 3, etc.

Si no sabes nada sobre Flexbox, aquí te dejo el artículo con el que me estoy iniciando (que yo tampoco lo manejo mucho): Resultados rápidos con Flexbox.

Si no quieres marearte con aprender cómo funciona Flexbox (o te preocupa su compatibilidad en navegadores antiguos), usa el método que Bandit y Bonez te dicen.

Aparte, te dejo un artículo que me está ayudando mucho a aprender a centrar elementos (sin usar Flexbox): Centrando al centro con CSS. 16+3 formas de lograrlo.

Un cordial saludo.