Text in flex-container nicht wickeln Sie Sie in IE11

Betrachten Sie den folgenden Codeausschnitt:

CSS:

.parent {
  display: flex;
  flex-direction: column;
  width: 400px;
  border: 1px solid red;
  align-items: center;
}
.child {
  border: 1px solid blue;
}

HTML:

<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>

In Chrom, der text umbricht als erwartet:

Text in flex-container nicht wickeln Sie Sie in IE11

Aber, IE11, der text ist nicht einwickeln:

Text in flex-container nicht wickeln Sie Sie in IE11

Ist dies ein bekannter bug im IE? (wenn ja, wird ein Zeiger geschätzt)

Gibt es einen bekannten workaround?


Eine ähnliche Frage nicht eine eindeutige Antwort und eine offizielle Zeiger.

  • Mögliche Duplikate von IE11 flexbox verhindert Zeilenumbruch?
  • Das Problem geht Weg, wenn ich entfernen align-items: center aus dem übergeordneten element. Das scheint das zu sein, was es verursacht
Schreibe einen Kommentar