不要拆分带连字符的单词

Question

我正在开发一个网站(Wordpress,HTML,CSS,jQuery),内容用葡萄牙语写成.连字符有很多单词,如果它们出现在行尾,则会被分成两半.这是一个例子:

Batata frita pála-
pála, é uma tara de
sabor.

有没有办法可以检测一个单词是否连字符,如果它在行尾,则不会将其分成两半？理想的是整个单词只能进入下一行,但如果不可能,我愿意接受建议.像这样的东西:

Batata frita
pála-pála, é uma
uma tara de sabor.

对我来说比了解解决方案更重要的是理解它.提前致谢.

编辑

该网站是在CMS平台上开发的,内容由客户端插入并且是动态的.我不能指望客户端自己使用非断开连字符(HTML ‑).

Answer 1

用非断开连字符替换所有连字符.它与非破坏空间( )相同,只是它是一个连字符.

Answer 2

如果您谈论的是浏览器自己的文本/HTML 内容包装（而不是正则表达式分割），我可以想到两种方法来做到这一点：