Розглянемо наступний фрагмент:
.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>
У Chrome текст текст завершується як очікується:
Але в IE11 текст не завершується :
Це відома помилка в IE? (якщо так, вказівник буде оцінено)
Чи є відомий спосіб вирішення?
На подібне запитання немає однозначної відповіді та офіційного вказівника.
align-items: center
з батьківського елемента. Це, здається, є причиною цього