我希望在-
与所有浏览器兼容的个案基础上阻止连字符后的换行符.
例:
我有这个文本: 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)
在连字符后我有什么方法可以防止这些断线?我不需要任何适用于整个页面的解决方案...只是我可以根据需要插入的内容,如"零宽度无中断字符",除了一个有效.
这是一个演示.只需将框架缩小,直到连字符处的线条断开.