Gói từ Internet Explorer 11 không hoạt động

Question

Có vẻ như việc gói từ không còn hoạt động cho các phần tử văn bản trong IE 11. Trong IE 10 trở về trước, gói FF, Safari và Chrome hoạt động như mong đợi.

IE 11 không triển khai bất kỳ từ gói nào. Tôi đã thử thêm "wrap = hard" vào thẻ textarea và cũng thêm "word-wrap: normal;" vào CSS.

Có ai khác đã gặp sự cố này không? Nếu vậy, bạn đã tìm thấy một giải pháp. Windows đang đẩy ra bản cập nhật này và hành vi không nhất quán đang trở thành một vấn đề.

Cảm ơn bạn đã trợ giúp bạn có thể cung cấp.

Đây là textarea hiện tại của tôi thẻ

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

Đây là CSS tính của tôi

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

Answer 1

Để đảm bảo rằng câu trả lời là hiển nhiên đối với những người ghé thăm câu hỏi này trong tương lai: OP (wesley) đã trả lời câu hỏi của mình trong phần nhận xét bên dưới câu hỏi:

Nguyên nhân của sự cố là Internet Explorer 11 tạo ra textarea yếu tố kế thừa bất kỳ thuộc tính white-space nào được áp dụng cho phụ huynh trực tiếp.

Độ phân giải là áp dụng white-space: pre-wrap cho vùng văn bản, như được xác định bởi Jean-François Beauchamp.

Answer 2

Lưu ý rằng IE11, ở chế độ tương thích, sẽ không bao bọc dòng chính xác. Để truy cập vào nó, hãy nhấp vào Alt, Tools, Internet Options, Security, Local intranet, Sites, Advanced. Xem những gì có trong danh sách đó.

Answer 3

add CSS

{width: 100%} 

này sẽ quấn văn bản vào thẻ của nó

Answer 4

tôi đã ở đây cho một vấn đề khác nhau, nơi word-wrap không hoạt động trên IE11;

Giải pháp {width: 100%} đã hoạt động đối với tôi.

Answer 5

Tôi đã có một vấn đề tương tự và giải quyết nó bằng cách thay đổi phong cách word-wrap để phong cách chữ-break:

{ word-break: break-all; }