Entità HTML di interruzione di riga facoltativa che è sempre invisibile

Question

Desidero un carattere di interruzione di riga opzionale che sia sempre invisibile che funzioni con lo stile CSS word-wrap: break-word;.

Ecco alcune specifiche. Il mio obiettivo è rompere i collegamenti lunghi in posti ragionevoli. Questi caratteri sono un buon punto di partenza: -, ., _, /, \. Questa non è una domanda Rails-specifica, ma ho voluto condividere alcuni codice che sto usando ora:

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

Ecco il problema con il codice di cui sopra: quando ­ ha effetto (in una tabella con: word-wrap: break-word;), ­ viene visualizzato come -. Non voglio vedere lo -; Voglio un'interruzione di riga senza alcun carattere mostrato.

---

Answer 1

​ è l'entità HTML per un carattere unicode denominato spazio a larghezza zero (ZWSP).

"In pagine HTML, questo spazio può essere utilizzato come un potenziale interruzione di linea in lunghe parole come alternativa al tag <wbr>." - Zero-width space - Wikipedia

Il tag <wbr> funziona anche, come accennato di Aaron's answer. Penso che preferisco questa entità HTML sul tag perché l'entità sembra più semplice: unicode lo gestisce, non il browser web.

Answer 2

<wbr> sembra che fa ciò che si vuole, ma sembra che il supporto per esso, e ­ per quella materia, è very inconsistent. Quindi, sfortunatamente, potrebbe non esserci un modo particolarmente buono di fare quello che vuoi.