27771 sujets

CSS et mise en forme, CSS3

Bonjour,
je m'essaie au "flexbox", j'ai un code qui fonctionnait sans flexbox, mais je voulais m'essayer...
Donc j'ai le html

<main>
<p>paragraphes</p>
<p>paragraphes</p>
<p>paragraphes</p>
</main>

et css

display: flex;
flex-direction: column;

Le problème c'est qu'il m'agrandit les espaces entre chaque paragraphe. Que dois-je utiliser éviter pour l’agrandissement entre chaque paragraphe.

Merci.
Modifié par ricem (13 May 2022 - 19:41)
allan00958 a écrit :
Hello,
Il faut inspecter les éléments dans le DOM pour voir ce qui cause l'espacement entre les paragraphes. La vérité est dans le DOM. Je suis sûr qu'un margin: 0 ferait l'affaire.
N'oubliez pas que chaque navigateur ajoute des styles css aux éléments par défaut.
Lien utile : https://www.w3schools.com/cssref/css_default_values.asp

Merci, du coup j'ai fait un
p{
	margin-top: 0em;
	margin-bottom: 0em;
}

Mais, bon c'est bizarre le comportement avec et sans "flexbox"
ricem a écrit :
Mais, bon c'est bizarre le comportement avec et sans "flexbox"

C'est à dire que, comme pour toute règle CSS, il y a des cas d'utilisation pertinents ou non.
Dans votre cas précis je ne vois pas quel serait l'intérêt d'utiliser flexbox.
Olivier C a écrit :

C'est à dire que, comme pour toute règle CSS, il y a des cas d'utilisation pertinents ou non.
Dans votre cas précis je ne vois pas quel serait l'intérêt d'utiliser flexbox.

bonjour, en faites, il y a des images mais dans le footer, et en même temps c'est pour essayer.
Comprendre le fonctionnement.
Merci.