2013-06-23 29 views
24

Sự khác biệt chính xác giữa quá trình tràn-bọc/word-wrap và từ-break là gì? Và ai cũng có thể cho tôi biết cái nào tốt hơn để phá vỡ các liên kết rất dài? Hầu hết mọi người nói rằng bạn nên sử dụng từ-break kết hợp với overflow-wrap nhưng nó trông không hợp lý lắm. Tôi nghĩ sử dụng overflow-wrap kết hợp với word-wrap để hỗ trợ cross-browser tốt hơn là phương pháp tốt nhất. Bạn nghĩ sao?Sự khác nhau giữa overflow-wrap và word-break?

+2

Đối với bất kỳ độc giả nào trong tương lai, những người có thể bị nhầm lẫn ban đầu về lý do tại sao điều này bị đóng làm câu hỏi trùng lặp. [Mô-đun văn bản CSS cấp 3] (https://www.w3.org/TR/css-text-3/#overflow-wrap-property) nói rằng 'overflow-wrap' và' word-wrap' phải là 100 % giống nhau về chức năng. Cá nhân, tôi nhận được ấn tượng rằng 'word-wrap' chỉ nên được sử dụng cho hỗ trợ trình duyệt cũ và rằng nó có thể bị phản đối hoặc bị loại bỏ trong một phiên bản tương lai của CSS. –

+1

Đối với những người đã bỏ phiếu để đóng này: đây không phải là một bản sao như đã nêu, câu hỏi là không giống nhau. Bị cáo buộc trùng lặp là khoảng hai giá trị cụ thể của hai thuộc tính và câu hỏi này là về hai thuộc tính. Tôi thực sự không thích rằng một số người tin rằng có quyền cấm người khác trả lời một câu hỏi. Nếu bạn không thích một câu hỏi, chỉ cần không đọc nó! – Hibou57

Trả lời

33

Trích dẫn từ nguồn

  • word-wrap: Thuộc tính CSS word-wrap được sử dụng để xác định có hay không các trình duyệt có thể phá vỡ dòng trong lời nói để ngăn chặn tràn bộ nhớ khi một chuỗi khác không thể phá vỡ quá dài để phù hợp với trong hộp chứa của nó.

  • tràn-wrap: word-wrap bất động sản đã được đổi tên overflow-wrap trong dự thảo hiện tại của CSS3 chữ đặc điểm kỹ thuật

  • word-break: Thuộc tính CSS từ-break được sử dụng để chỉ định cách (hoặc nếu) để phá vỡ dây chuyền trong vòng từ

Vì vậy, bạn cần ngắt từ kết hợp với từ bọc, là kết hợp phù hợp.

+5

Tôi nghĩ rằng từ bọc là đủ ... Vẫn còn nhầm lẫn ... – Anselm

+0

Vâng, có 'word-wrap' là đủ, nhưng nếu chiều rộng container bị giới hạn, bố trí có thể được điều sai lầm. – karthikr

+0

OK, tôi hiểu. Tôi chỉ sử dụng word-wrap cho các liên kết, do đó bố cục không bị ngắt. – Anselm