Bonjour
ça fait un an que je m'y suis mis et je n'ai toujours pas pigé comment se placent les éléments.
La seule chose que j'arrive à faire marcher c'est text-align.
Ici j'ai un body puis une colonne centrale de classe "corps"
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
body{display:flex;
justify-content:center;
background-color:black;
color:yellow}
 
.corps{flex:0 1 800px;
justify-content:center;}
Dans ce corps j'ai une liste que je veux au milieu (normal c'est pour ça que j'ai mis le corps avec un justify-content center)
sauf qu'évidemment autant "... dans un violon" le contenu n'est pas du tout justifié "au centre"!

ma liste est à gauche !

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
ul{width:200px;
background-color:blue;
Je ne comprends toujours pas ce que je dois écrire et où pour avoir mon objet liste au milieu ou d'ailleurs n'importe quel objet.
Le jeu entre justify-content et display me reste totalement étranger !
A chaque fois je pose une question, à chaque fois je crois avoir appris quelque chose et à chaque fois ça recommence
à savoir "ça march'pô ! "

Que ce soit flex ou pasflex, je les veux espacés, ils sont collés, je les veux collés, ils se retrouvent sur deux lignes, je les veux au centre ils sont à gauche...Dieu que c'est énervant !