Her zaman görünmez olan isteğe bağlı satır sonu HTML öğesi

Question

word-wrap: break-word; CSS stili ile her zaman görünmeyen isteğe bağlı bir satır kesme karakteri istiyorum.

Bazı özellikler burada verilmiştir. Amacım makul yerlerde uzun bağlantıları parçalamak. Bu karakterler başlamak için iyi bir yerdir: -, ., _, /, \. Bu Raylar özgü soru değil, ama ben şimdi kullanıyorum bazı kod paylaşmak istedim:

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

İşte yukarıdaki kod ile sorun şu: ­ (bir tabloda: word-wrap: break-word;) yürürlüğe gireceği, ­, - olarak görüntülenir. -'u görmek istemiyorum; Herhangi bir karakter gösterilmeden satır sonu istiyorum.

---

Answer 1

​, sıfır genişlik alanı (ZWSP) adı verilen bir unicode karakterinin HTML öğesidir.

"HTML sayfaları, bu uzay <wbr> etiketine alternatif olarak uzun bir deyişle potansiyel bir satır kesintisi olarak kullanılabilir." - Zero-width space - Wikipedia

<wbr> etiketi de çalışır, bahsedildiği gibi Aaron's answer. Bu HTML varlığını etiket üzerinde tercih ettiğimi düşünüyorum çünkü varlık daha basit görünüyor: unicode, web tarayıcısını değil, onu işliyor.

Answer 2

<wbr> o bu konuda ne istediğinizi ama bunun için destek gibi görünüyor ve ­ yapar gibi görünüyor very inconsistent olduğunu. Ne yazık ki, istediğiniz şeyi yapmak için özellikle iyi bir yol olmayabilir.