Bonjour,

Je cherche des pistes pour pouvoir espacer 4 images qui sont alignées horizontalement, de façon à qu'elles utilisent toute la largeur écran.

Cordialement, Friizi.

.container_des_images {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

DavidHarry1 a écrit:

Salut, tu peux utiliser ce code :

.container_des_images {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

Salut,

il y a aussi :

.container_des_images {
 display:grid;
 grid-template-columns : repeat(4, 1fr)
}

ou bien :

.container_des_images {
 display:table;
 width:100%;
}
.container_des_images img {
  display:cell
}

et encore :

.container_des_images img {
  float:left;
  width:25%;
}

Encore ? :

.container_des_images img {
  display: inline-block;
  width:25%
}

Attention avec inline-block, il y a un piège