[SOLUCIONADO] Centrar divs

[acoevil]

buenas,



Hola resulta que estoy tratando de crear una cuadricula de divs, por ejemplo en la primera fila tengo 3 divs, estos se acomodan bien como quiero pero necesito que en la proxima fila si hay solo 1 div se ubica en el centro de la capa contenedora, o por el contrario si en la segunda fila hay dos div tambien se ubiquen en el centro.

Muchas gracias por su atencion y colaboracion.

[Bandit]

Hola ecoevil:
Declara en el CSS en la primera línea:
*{margin: 0; padding: 0; text-align: center;}
de ese modo todos los elementos se centrarán.
y a cada grupo de div le colocas en el CSS: display: inline-block; y un ancho.

Espero haberte sido de ayuda.

[pzin]

Iniciado por Bandit

*{margin: 0; padding: 0; text-align: center;}
de ese modo todos los elementos se centrarán.

El text-align:center yo se lo pondría al elemento contenedor de esas cajas a centrar más que a un selector que afecte al resto del documento.

[twilvaro]

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.

[acoevil]

Hola q tal muchas gracias por responder tan pronto excelente, voy a probar las soluciones y les cuento como me fue.

[pzin]

Flexbox no está aún como estandar, aunque poco le queda. Luego que los navegadores lo asuman y esperar a que saquen IE27.

[acoevil]

Muchas gracias amigos logre llegar a la solucion del problema que tenia, excelente.

Muchas gracias por sus colaboraciones

La solucion que implemente fue la de Bandit