Je cherche un moyen de conserver cette mise en page sur une page pour 3 articles. De ce que j'ai utilisé Flex Wrap, mais que ce n'est que partiellement utile. Existe-t-il un moyen de prérégloter une mise en page sur Flexbox à quelque chose de ci-dessous?
4 Réponses :
essayez d'utiliser Grid CSS :
<main id="container"> <div>Item 1</div> <div>Item 2</div> <div>Item 3</div> </main>
Utilisation de flexbox
p>
<div> <span id="one">1</span> <span id="two">2</span> <span id="three">3</span> </div>
<div> <span>1</span> <span>2</span> <span>3</span> </div>
Je serais sûr d'utiliser "Contenu justifiante: espace entre" dans le parent div alors ils maintiennent toujours cet espace entre eux.
a également ajouté le même en bas de la marge pour garder l'espace vertical même.
p>
<div> <span>1</span> <span>2</span> <span>3</span> </div>
développeur.mozilla.org/en-us/docs/web/ CSS / Justify-Content Space-entre, en supposant que la marge à gauche et à droite est censée être la même. Lisez également CSS-Tricks.com/snippets/css/a-guide -à-flexbox c'est très utile et il est illustré avec des images
Utilisez grille CSS .
Quel est le résultat que vous voulez? Pourriez-vous préparer une photo de cela?
Nous devons voir votre HTML pour savoir si nous pouvons atteindre la mise en page souhaitée avec CSS.