停止自动换行分词

Question

body { word-wrap: break-word;}

我一直在使用该代码(上面)来将文本body放入其容器中.然而,我不喜欢它,是它打破了文字.

还有另外一种方法,它不会在一个单词之后或之前分解单词和断行吗？

编辑:这是在一个UIWebView.

Answer 1

可能有点晚了但你可以添加这个css来阻止单词中断:

.element {
    -webkit-hyphens: none;
    -moz-hyphens:    none;
    -ms-hyphens:     none;
    hyphens:         none;
}

Answer 2

请使用 nowrap 并且 wrap 值不适合我。nowrap 解决了这个问题。

Use white-space: nowrap;

Answer 3

我遇到了同样的问题，我使用以下 css 解决了它：

.className {
  white-space:pre-wrap;
  word-break:break-word;
}

Answer 4

你可以试试这个...

\n\n

body{\nwhite-space: pre; /* CSS2 */\nwhite-space: -moz-pre-wrap; /* Mozilla */\nwhite-space: -hp-pre-wrap; /* HP printers */\nwhite-space: -o-pre-wrap; /* Opera 7 */\nwhite-space: -pre-wrap; /* Opera 4-6 */\nwhite-space: pre-wrap; /* CSS 2.1 */\nwhite-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */\nword-wrap: break-word; /* IE */\n}\n

\n\n

{word-wrap:;} 是 IE 专有属性，而不是 css 的一部分。firefox的处理是正确的。不幸的是，FF 不支持软连字符 / 。所以这不是一个选择。您可以分别插入头发或稀疏的空间，/\xe2\x80\x8a（在数字实体上检查我）和/\xe2\x80\x89。

\n\n

使{overflow：hidden;}会切断溢出，而{overflow：auto;}将导致溢出以启用滚动。

\n

Answer 5

用white-space: wrap;.如果您在设置它的元素上设置了宽度,它应该可以工作.

更新 - 在Firefox中呈现数据

Answer 6

对我来说，父母比这个词更小。添加会在空格上中断，但不会在单词上中断：

    word-break: initial;