Internet Explorer 11 перенос слов не работает
Похоже, что перенос слов больше не работает для элементов textarea в IE 11. В IE 10 и более ранних версиях FF, Safari и Chrome перенос слов работает должным образом.
IE 11 не реализует никакого переноса слов. Я попытался добавить "wrap=hard "в тег textarea, а также добавить" word-wrap: normal; " в CSS.
Кто-нибудь еще сталкивался с этой проблемой? Если да, то нашли ли вы решение? Windows выталкивает это обновление, и непоследовательное поведение становится проблема.
Спасибо за любую помощь, которую вы можете оказать.
Вот мой текущий тег textarea
<textarea class="wrklst-report_text" id="report_text_6586427" name="report_text[6586427]" title="Report Box" data-exam_seq="6586427" style="width:95%;"></textarea>
Это мой вычисленный 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;
6 ответов:
Чтобы убедиться, что ответ очевиден для людей, посещающих этот вопрос в будущем: ОП (Уэсли ) ответил на вопрос сам в комментариях под вопросом:
Причина проблемы заключается в том, что Internet Explorer 11 делает элементыtextareaнаследуемыми независимо от того, какое свойствоwhite-spaceприменяется к непосредственному родителю.Резолюция должна применяться
white-space: pre-wrapк текстовой области, определеннойЖан-Франсуа Бошаном .
У меня была похожая проблема, и я решил ее, изменив стиль переноса слов на стиль разбиения слов:
{ word-break: break-all; }
Я попал сюда для другой проблемы, где перенос слов не работал на IE11;
Решение
{width: 100%}действительно сработало для меня.
Обратите внимание, что IE11 в режиме совместимости не будет корректно переносить строки. Чтобы добраться до него, нажмите Alt, инструменты, Свойства обозревателя, безопасность, локальная интрасеть, сайты, дополнительно. Посмотрите, что в этом списке.
Я столкнулся с подобной проблемой для выпадающего списка на IE (11.431.16299.0), и я исправил, применив оба ниже стиля
white-space:pre-wrap; word-break:break-all;
Comments