似乎自动换行不再适用于IE 11中的textarea元素。在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;
为了确保答案对于将来访问此问题的人们来说是显而易见的:OPwesley在问题下方的评论中亲自回答了该问题:
问题的原因是Internet Explorer 11使textarea元素继承任何white-space应用于直接父级的属性。
textarea
white-space
该决议适用white-space: pre-wrap于Jean-FrançoisBeauchamp所确定的文本区域。
white-space: pre-wrap