par

Quelle est la différence entre la propriété display inline et display inline-block en CSS ?

1 Réponse

+1 validé
par

La propriété CSS display: inline est utilisée pour afficher un élément en tant qu’élément en ligne, comme une balise <span>. Les propriétés de hauteur et de largeur ne sont pas affectées par la propriété display: inline. Elle n'autorise que les côtés gauche et droit des marges, pas le haut et le bas. En d'autres termes, elle n'a pas de saut de ligne avant et après ses éléments voisins.

La propriété CSS display: inline-block est quant à elle utilisée pour afficher un élément en tant que conteneur de bloc en ligne. L'élément lui-même est formaté comme un élément en ligne, mais il peut appliquer des valeurs de hauteur et de largeur. Il est placé en tant qu'élément en ligne, c'est à dire sur la même ligne que le contenu adjacent. Il ressemble à un élément en ligne mais il se comporte comme un élément de bloc et ne force pas le saut de ligne.

Lecture Recommandée

Edward Snowden - Mémoires vives

"Je m'appelle Edward Joseph Snowden. Avant, je travaillais pour le gouvernement mais aujourd'hui je suis au service de tous. Il m'a fallu près de trente ans pour saisir la différence et quand j'ai compris, ça m'a valu quelques ennuis au bureau."

L'homme qui a tout risqué pour dénoncer la surveillance globale, ou l'extraordinaire histoire d'un garçon brillant qui a grandi "en ligne", d'un homme devenu espion, puis lanceur d'alerte, et, en exil, la consciencce de l'internet.

Mémoires vives est un témoignage exceptionnel, également disponible en numérique.

Sujets Connexes

Offre Sponsorisée

Ailleurs sur le Web

Merci pour votre visite sur 1FORMATIK.com

Un petit clic sur la pub est toujours apprécié, c'est elle qui finance le site

Bon surf

...