Considere el siguiente fragmento:
.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>
En Chrome, el texto se ajusta como se esperaba:
Pero, en IE11, el texto no se ajusta :
¿Es este un error conocido en IE? (en caso afirmativo, se apreciará un puntero)
¿Hay alguna solución conocida?
Esta pregunta similar no tiene una respuesta definitiva y un puntero oficial.
align-items: center
del elemento padre. Eso parece ser lo que lo está causando