连字符后没有换行
我希望-在逐个连字符后防止与所有浏览器兼容的换行符。
例：
我有这段文字： 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" />
有什么办法可以防止这些字符在连字符后换行？我不需要适用于整个页面的任何解决方案...只是我可以根据需要插入的东西，例如“零宽度不间断字符”，唯一可行的方法是。
这是一个演示。只需将框架变窄，直到线条在连字符处断开。
http://jsfiddle.net/RagKH/
白猪掌柜的浏览 374回答 3
3回答
-
桃花长相依
尝试使用不间断的连字符‑。我在jsfiddle中用该字符替换了破折号，将框架缩小到可以缩小的程度，并且该行不再拆分。 -
HUX布斯
您也可以使用<span style="white-space: nowrap;"></span>
随时随地看视频慕课网APP
Html/CSS