Thực thể HTML ngắt dòng tùy chọn luôn vô hình

Question

Tôi muốn một ký tự ngắt dòng tùy chọn luôn ẩn mặt hoạt động với kiểu dáng word-wrap: break-word; CSS.

Dưới đây là một số chi tiết cụ thể. Mục tiêu của tôi là phá vỡ các liên kết dài ở những nơi hợp lý. Các ký tự này là một nơi tốt để bắt đầu: -, ., _, /, \. Đây không phải là một câu hỏi Rails cụ thể, nhưng tôi muốn chia sẻ một số mã Tôi đang sử dụng hiện nay:

module ApplicationHelper 
    def with_optional_line_breaks(text) 
    text.gsub(%r{([-._/\\])}, '\1­') 
    end 
end 

Đây là vấn đề với các mã trên: khi ­ hiệu lực thi hành (trong một bảng với: word-wrap: break-word;), ­ được hiển thị là -. Tôi không muốn thấy số -; Tôi muốn ngắt dòng mà không có bất kỳ ký tự nào được hiển thị.

---

Answer 1

​ là thực thể HTML cho ký tự unicode được gọi là không gian rộng 0 (ZWSP).

"Trong trang HTML, không gian này có thể được sử dụng như một dòng-break tiềm năng trong lời nói dài như một sự thay thế cho thẻ <wbr>." - Zero-width space - Wikipedia

Thẻ <wbr> cũng làm việc, như đã đề cập bởi Aaron's answer. Tôi nghĩ rằng tôi thích thực thể HTML này trên thẻ vì thực thể có vẻ đơn giản hơn: unicode xử lý nó, không phải trình duyệt web.

Answer 2

<wbr> vẻ như nó làm những gì bạn muốn, nhưng nó trông giống như sự hỗ trợ cho nó, và ­ cho rằng vấn đề, là very inconsistent. Thật không may, có thể không có cách nào đặc biệt tốt để làm những gì bạn muốn.