Ver Mensaje Individual
  #2 (permalink)  
Antiguo 27/07/2016, 12:47
Avatar de rodrypaladin
rodrypaladin
Moderador
 
Fecha de Ingreso: abril-2010
Ubicación: Madrid
Mensajes: 2.127
Antigüedad: 14 años, 7 meses
Puntos: 468
Respuesta: Centrar varios objetos alineados perfectamente

Mira a ver si te refieres a esto: Ver ejemplo en vivo

Le he puesto algunos estilos para darle colorcillo y que lo veas mejor

Código HTML:
Ver original
  1. <div class="padre">
  2.   <div class="uno">
  3.     Col 1
  4.   </div>
  5.   <div class="dos">
  6.     Col 2
  7.   </div>
  8.   <div class="tres">
  9.     Col 3
  10.   </div>
  11.   <div class="cuatro">
  12.     Col 4
  13.   </div>
  14.  
  15. </div>

Código CSS:
Ver original
  1. .padre {
  2.   display:flex;
  3.   flex-flow: row wrap;
  4.   align-items: center;
  5.   justify-content: space-between;
  6. }
  7.  
  8. .uno, .dos, .tres, .cuatro {
  9.   min-width: 100px;
  10.   padding: 5px;
  11.   text-align: center;
  12. }
  13.  
  14. .uno {
  15.   background: grey;
  16. }
  17.  
  18. .dos {
  19.   background: orange;
  20. }
  21.  
  22. .tres {
  23.   background: green;
  24. }
  25.  
  26. .cuatro {
  27.   background: blue;
  28. }
__________________
No te olvides de dar +1 a quien te echa un cable ;)