我希望在与所有浏览器兼容的情况下，逐个防止连字符 - 后出现换行符。
例子:
我有这个文本:3-3/8" 在 HTML 中是这样的:3-3/8”
问题是在行尾附近，由于连字符，它会中断并换行到下一行，而不是将其视为一个完整的单词...
3-
3/8"
我尝试插入“零宽度不中断字符”， 没有运气...
3-3/8”
我在 Safari 中看到了这一点，并认为它在所有浏览器中都是一样的。
以下是我的doctype和字符编码...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
有什么办法可以防止这些在连字符后换行吗？我不需要任何适用于整个页面的解决方案......我可以根据需要插入一些东西，比如“零宽度不中断字符”，除了一个有效的解决方案。
这是一个演示。只需将框架变窄，直到在连字符处换行。
最佳答案
尝试使用不间断的连字符 ‑。我已经用你的 jsfiddle 中的那个字符替换了破折号，将框架缩小到尽可能小，并且线条不再在那里 split 。
关于html - 连字符后没有换行符，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/7691569/