1486 sujets

Web Mobile et responsive web design

Bonjour,
J'ai au niveau rendu une espèce de tableau centré à 5 colonnes et 2 lignes
.....img.....................img....................img....................img....................img....
descriptif.........descriptif..........descriptif..........descriptif...........descriptif

Bon ce n'est que pour expliquer car c'est de la div en fait. (chaque div contenant une image + 1 span descriptif)
Avec des max-width 250px + float left et des margin auto, j'arrive à centrer tout ça mais lorsque je passe en version mobile, alors les div s'affichent en une image + un descriptif à la fois (une par une à la verticale soit ce que je veux) mais elles sont collées à gauche or je souhaiterais quelles soient centrées.
Je tourne un peu rond, pourriez-vous m'aider un peu svp ?
Je vous remercie par avance.
Modifié par cerle144 (23 Jun 2020 - 14:26)
Modérateur
Salut,

Je me demande encore et toujours "pourquoi float ?"...
Pourquoi float attire autant de gens... encore plus quand il s'agit d'utiliser "float: LEFT;" alors qu'on veut centrer quelquechose... Smiley biggol

Bref, le display: inline-block; marche tout aussi bien je pense (et respecte le flux) Smiley smile
https://jsfiddle.net/undless/yf7p3wdz/

Bonne journée