Vertical align ne fonctionne pas sur inline-block

M'a dit que:

Vertical align ne fonctionne qu'en ligne,inline-blocks,des images et de la table
éléments.
Il doit être appliqué sur l'élément enfant, que s'opposer à la
élément parent, à la différence text-align.

Cependant, quand j'ai essayé de mettre le vertical align milieu sur un inline-block élément, il ne fonctionne pas. Pourquoi?

CSS:

#wrapper {
border: 1px solid black;
width: 500px;
height: 500px;
}
#content {
border: 1px solid black;
display: inline-block;
vertical-align: middle;
}

HTML:

<div id = 'wrapper'>
<div id = 'content'> content </div>
</div>

  • Je voulais dire moyen. Et avant de vous demander, oui, le moyen est une valeur valide. w3schools.com/cssref/pr_pos_vertical-align.asp Et ce que tu veux dire par la ligne de la boîte?
  • Aussi, je ne suis pas à la recherche d'une façon différente de le faire. Je suis à la recherche d'une explication de pourquoi cela ne fonctionne pas, merci donc de prendre au large de la double marque.
  • Si je comprends bien, vous parlez #contenu de la boîte de ligne? Parce qu'il y a seulement 2 éléments ici, le #wrapper, et #contenu.
  • donc, la ligne de boîtes existent seulement quand il y a plus de 1 inline ou inline-block éléments dans un seul conteneur parent? Mais ils sont invisibles, non? En gros, à chaque ligne de inline-block éléments est une zone de ligne? Si je comprends bien?
InformationsquelleAutor frosty | 2016-02-20