Het lijkt erop dat tekstterugloop niet langer werkt voor tekstgedeelte-elementen in IE 11. In IE 10 en eerder werken FF, Safari en Chrome-woordterugloop zoals verwacht.
IE 11 implementeert geen tekstterugloop. Ik heb geprobeerd “wrap=hard” toe te voegen aan de textarea-tag en ook “word-wrap: normal;” toe te voegen. naar de CSS.
Heeft iemand anders dit probleem ook ondervonden? Zo ja, heeft u een oplossing gevonden. Windows pusht deze update en het inconsistente gedrag begint een probleem te worden.
Bedankt voor alle hulp die je kunt bieden.
Hier is mijn huidige 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>
Dit is mijn berekende 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;
Antwoord 1, autoriteit 100%
Om ervoor te zorgen dat het antwoord duidelijk is voor mensen die deze vraag in de toekomst bezoeken: de OP (wesley) beantwoordde de vraag zelf in de opmerkingen onder de vraag:
De oorzaak van het probleem is dat Internet Explorer 11 ervoor zorgt dat textarea-elementen de eigenschap white-spaceerven die wordt toegepast op de directe parent.
De oplossing is om white-space: pre-wraptoe te passen op het tekstgebied, zoals geïdentificeerd door Jean-François Beauchamp.
Antwoord 2, autoriteit 18%
CSS toevoegen
{width: 100%}
hierdoor wordt de tekst in de tag teruggetrokken
Antwoord 3, autoriteit 8%
Ik kwam hier voor een ander probleem waarbij word-wrap niet werkte op IE11;
De {width: 100%}oplossing werkte voor mij.
Antwoord 4, autoriteit 6%
Ik had een soortgelijk probleem en heb het opgelost door de stijl van de woordomloop te veranderen in de stijl van het woordonderbreking:
{ word-break: break-all; }
Antwoord 5
Houd er rekening mee dat IE11, in compatibiliteitsmodus, regels niet correct omwikkelt. Klik hiervoor op Alt, Extra, Internetopties, Beveiliging, Lokaal intranet, Sites, Geavanceerd. Kijk wat er in die lijst staat.
Antwoord 6
Ik had een soortgelijk probleem voor een vervolgkeuzelijst op IE (11.431.16299.0) en heb ik opgelost door beide onderstaande stijl toe te passen
white-space:pre-wrap;
word-break:break-all;
Antwoord 7
Het probleem is opgelost in IE 11 door de stijl toe te passen als
{ woordonderbreking: alles breken; }
Antwoord 8
Dit is geen antwoord op uw specifieke vraag.
Dit is een algemeen antwoord op de titel van de vraag “Internet Explorer 11 word wrap werkt niet”.
Dit was het eerste resultaat in Google bij het zoeken naar hoe je word-wrap kunt laten werken in IE11, dus ik plaats dit antwoord hier om andere mensen te helpen erachter te komen hoe je word-wrap in IE11 kunt laten werken.
p>
De beste CSS-eigenschap om te gebruiken voor het implementeren van word-wrap op een manier die IE11 ondersteunt, is dit te gebruiken:
word-wrap: break-word;
Hierdoor kunnen woorden die te lang zijn om te passen, worden opgesplitst, maar het staat nog steeds toe dat woorden die lang zijn, maar niet telang, op de volgende regel worden geplaatst. Het werkt ook in ALLE browsers, niet alleen IE11 en niet alleen in moderne browsers.
In de onderstaande afbeelding zijn de “m”-tekens één ononderbroken lange regel M’s die aan het einde van de regel worden onderbroken.
De “o”-tekens zijn één aaneengesloten lange regel O’s die niet lang genoeg zijn om het woord uit elkaar te laten vallen, maar lang genoeg om de O’s op de volgende regel te plaatsen.
