Salut !

Je voudrais que en gros, dans mon conteneur, tous les div soient mis en ligne (ça, je sais le faire : display: flex). Mais je voudrais aussi qu'il prennent toute la largeur du conteneur. Je ne veux pas qu'il reste de l'espace entre les div.

Pouvez vous m'aider ?

Bonsoir,

Tu peut le faire avec

justify-content: stretch;

merci de ta réponse.

Malheureusement, ça n'a pas l'air de marcher...

Pour

pourrais tu me montrer ton code ?

Sans problème :

.conteneur
{
	border: 2px solid green;
	display: flex;
	justify-content: stretch;
}

.element
{
	border: 1px solid blue;
}

tiens test ça

.element
{
  border: 1px solid blue;
  display: flex;
  flex: 1;
}

et tu enlève le "justify-content: stretch;" sur le conteneur.

Bonjour, exen pas nécessaire le display: flex sur le flex-item (.element); juste flex: 1; cela suffit. 

-
Edité par AbcAbc6 12 août 2018 à 22:58:45

AbcAbc6

Merci pour l'info