小编典典

连字符后没有换行

html

我希望-在逐个连字符后防止与所有浏览器兼容的换行符。

例:

我有这段文字: 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/


阅读 426

收藏
2020-05-10

共1个答案

小编典典

尝试使用不间断的连字符&#8209;。我在jsfiddle中用该字符替换了破折号,将框架缩小到可以缩小的程度,并且该行不再拆分。

2020-05-10