防止比容器长的特殊字符导致断字

时间:2018-06-13 14:52:58

标签: javascript html css

如果用户输入了网址或包含问号或连字符的长词,则该词会中断(比overflow: auto的容器长)。我可以使用Unicode非破坏连字符来修复连字符问题,但问号没有任何相似之处。

同时拥有{}[][][][]{}也会导致分词

以下是我所谈论的一个例子:http://jsfiddle.net/f53watec/37/

我试图让div元素看起来与section元素完全一样,而不会破坏任何特殊字符的字符串

1 个答案:

答案 0 :(得分:0)

我认为问题是什么?被视为空格。所以如果你添加:

white-space: pre;

它应该工作。如果你想让其他线条断裂,你需要在这个单词周围放一个例如一个范围,并且只将规则放在这个范围内。

您还可以在网址周围使用<nobr>标记。

我认为不能仅使用css将特殊字符视为空格。 (如果我错了,请纠正我的任何人!)