Varias Tablas Centradas Flotantes

[Ciberdanny]

buen dia, solicito su ayuda ya que llevo horas tratando de meter varias tablas en una web, digamos de medidas 100x100 pixeles de una sola celda; lo que necesito es que se pongan una a lado de la otra y que si hago grande o pequeño el navegador se "ajusten" que se bajen o se suban segun quepan en la pantalla, algo asi como lo que se hace con las imagenes,

he logrado que se ajusten hacia la izquerda o derecha y se pongan una a lado de la otra, lo que no logro es que se pongan en el centro, como sucede con las imagenes cuando se centran y se mueven solas segun el tamaño de la celda,

es posible hacer esto? que las tablas se ajusten una a lado de la otra pero todas centradas globalmente? no se si me explico...

mil gracias

[tonigomila1988]

Hola,

creo que lo que necesitas se realiza con las flexbox. Revisa algún tutorial sobre las flexbox de CSS y prueba hasta que consigas lo que quieres(no he usado mucho flexbox, pero se que se puede con eso).

Un saludo.

[DragonX]

Código CSS:

.wrapper{
display: flex;
justify-content: center;
align-items: center;
}
 

Código HTML:

<div class="wrapper">
<table></table>
<table></table>
<table></table>
</div>
 

Con eso deberia andar.
Slds.-