我希望在-与所有浏览器兼容的个案基础上阻止连字符后的换行符.
例:
我有这个文本:   3-3/8"在HTML中是这样的:  3-3/8”
问题是,在一行的末尾附近,由于连字符,它会断开并包裹到下一行而不是像完整的单词一样对待它...
3-
3/8"
Run Code Online (Sandbox Code Playgroud)
我试过插入"零宽度不中断字符",没有运气......
3-3/8”
Run Code Online (Sandbox Code Playgroud)
我在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" />
Run Code Online (Sandbox Code Playgroud)
在连字符后我有什么方法可以防止这些断线?我不需要任何适用于整个页面的解决方案...只是我可以根据需要插入的内容,如"零宽度无中断字符",除了一个有效.
这是一个演示.只需将框架缩小,直到连字符处的线条断开.