Considérez l'extrait de code suivant:
.parent {
display: flex;
flex-direction: column;
width: 400px;
border: 1px solid red;
align-items: center;
}
.child {
border: 1px solid blue;
}
<div class="parent">
<div class="child">
Lorem Ipsum is simply dummy text of the printing and typesetting industry
</div>
<div class="child">
Lorem Ipsum is simply dummy text of the printing and typesetting industry
</div>
</div>
Dans Chrome, le texte s'enroule comme prévu:
Mais, dans IE11, le texte n'est pas enveloppant :
S'agit-il d'un bogue connu dans IE? (si oui, un pointeur sera apprécié)
Existe-t-il une solution de contournement connue?
Cette question similaire n'a pas de réponse définitive ni d'indicateur officiel.
align-items: center
de l'élément parent. Cela semble en être la cause