TIL: Today I Learned

TIL o specjalnym znaku ­ (“soft hyphen”) w HTML. Umieszcza się go w środku słów w tekście, który będzie zawijany na linie. Jest podpowiedzią, że w danym miejscu można łamać słowo myślnikiem.

Przykład użycia:

<p>
  Ala ma ko&shy;ta, a Adam nie ma ko&shy;ta
</p>

Demo:

Co prawda istnieje property hyphens w CSS, która robi to automatycznie, ale obsługuje tylko zasady łamania słów dla języka angielskiego.

Przyszło mi do głowy, aby korzystać z jakiejś biblioteki która zna zasady łamania słów w j. polskim i za jej pomocą automatycznie wstawialibyśmy &shy; w stronach generowanych przez Sealpage :thinking: Założę na to taska w wolnej chwili

EDIT: oh wait, Firefox wspiera zasady myślnikowania dla dużej ilości języków. Inne przeglądarki tylko dla angielskiego :roll_eyes::roll_eyes::roll_eyes::roll_eyes::roll_eyes: (poza Safari, które trochę goni FF)

PS @FilipI - to by rozwiązało problemy z diffami które są odrzucane, bo nie mieszczą na szerokość słowa “wewnątrzszpitalny” :grin:

2 Likes