web-dev-qa-db-de.com

Internet Explorer 11-Zeilenumbruch funktioniert nicht

Es scheint, dass das Word-Wrapping nicht mehr für Textarea-Elemente in IE 11 funktioniert. In IE 10 und früheren Versionen funktionieren FF, Safari und Chrome Word Wrapping wie erwartet.

IE 11 implementiert keinen Word-Wrapping. Ich habe versucht, dem Textfeld-Tag "wrap = hard" hinzuzufügen und auch "Word-wrap: normal;" an das CSS.

Hat jemand anderes dieses Problem festgestellt? Wenn ja, haben Sie eine Lösung gefunden. Windows gibt dieses Update heraus und das inkonsistente Verhalten wird zum Problem.

Vielen Dank für Ihre Hilfe.

Hier ist mein aktuelles Textarea-Tag

<textarea class="wrklst-report_text" id="report_text_6586427" name="report_text[6586427]" title="Report Box" data-exam_seq="6586427" style="width:95%;"></textarea>

Dies ist mein berechnetes CSS

-webkit-appearance: textarea;
-webkit-rtl-ordering: logical;
-webkit-user-select: text;
-webkit-writing-mode: horizontal-tb;
background-color: rgb(255, 255, 255);
border-bottom-color: rgb(0, 0, 0);
border-bottom-style: solid;
border-bottom-width: 1px;
border-image-outset: 0px;
border-image-repeat: stretch;
border-image-slice: 100%;
border-image-source: none;
border-image-width: 1;
border-left-color: rgb(0, 0, 0);
border-left-style: solid;
border-left-width: 1px;
border-right-color: rgb(0, 0, 0);
border-right-style: solid;
border-right-width: 1px;
border-top-color: rgb(0, 0, 0);
border-top-style: solid;
border-top-width: 1px;
color: rgb(0, 0, 0);
cursor: auto;
display: inline-block;
flex-direction: column;
font-family: Verdana, Arial, sans-serif;
font-size: 16px;
height: 300px;
letter-spacing: normal;
line-height: normal;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 2px;
padding-left: 2px;
padding-right: 2px;
padding-top: 2px;
resize: both;
text-align: start;
text-indent: 0px;
text-shadow: none;
text-transform: none;
white-space: pre-wrap;
width: 950px;
Word-spacing: 0px;
Word-wrap: break-Word;
writing-mode: lr-tb;
41
wesley

Um sicherzustellen, dass die Antwort für Personen, die diese Frage in Zukunft besuchen, offensichtlich ist: Das OP ( wesley ) beantwortete die Frage selbst in den Kommentaren unter der Frage:

Die Ursache des Problems besteht darin, dass Internet Explorer 11 veranlasst, dass textarea-Elemente die white-space-Eigenschaft erben, die auf das direkte übergeordnete Element angewendet wird.

Die Entschließung soll white-space: pre-wrap auf das Textfeld anwenden, wie durch Jean-François Beauchamp angegeben.

70
johnkavanagh

füge CSS hinzu 

 {width: 100%} 

dadurch wird der Text in das Tag eingefügt

9
Ylli Gashi

Ich hatte ein ähnliches Problem und löste es, indem ich das Word-Wrap-Styling in Word-Break-Styling änderte:

{ Word-break: break-all; }
4
Phil

Ich kam hier für ein anderes Problem an, bei dem Word-Wrap nicht an IE11 funktionierte.

Die {width: 100%}-Lösung hat für mich funktioniert.

3
bpylearner

Beachten Sie, dass IE11 im Kompatibilitätsmodus die Zeilen nicht korrekt umbrochen. Klicken Sie hierzu auf Alt, Extras, Internetoptionen, Sicherheit, Lokales Intranet, Sites, Erweitert. Sehen Sie, was in dieser Liste enthalten ist.

0
BenV136