停止自动换行分词

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

使用white-space: wrap;。如果你在设置它的元素上设置了宽度，它应该可以工作。

更新 - 在Firefox中渲染数据

Answer 3

你可以试试这个......

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

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

使 {overflow：hidden;} 会关闭溢出， {overflow：auto;} 会导致溢出启用滚动。

Answer 4

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

Use white-space: nowrap;

Answer 5

在我的情况下，我试图确保单词在表格单元格中包含正确的单词中断。

我发现我需要以下CSS来实现这一目标。

table {
  table-layout:fixed;
}
td {
  white-space: wrap;
}

还要检查没有其他内容正在将word-break更改为break-word而不是normal。

Answer 6

我遇到了同样的问题，我使用以下CSS解决了这个问题：

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

Answer 7

我在我们的网站上使用此代码来阻止断字：

body {
    -ms-hyphens: none;
    -webkit-hyphens: none;
    hyphens: none;
}

Answer 8

我在我的网格结构中遇到了类似的问题而且我使用了，word-break：break-word; 在我的网格中，我的问题得到了解决。

Answer 9

使用white-space: nowrap;

CSS空格属性

white-space: normal|nowrap|pre|pre-line|pre-wrap|initial|inherit;

Know more about white-space example

Answer 10

Firefox浏览器上的断字问题。因此，您可以使用它来防止断字：

-webkit-hyphens: none;
-moz-hyphens: none;
hyphens: none;

Answer 11

对我来说，父母比这个词小。添加将打破空格，但不会破坏单词：

    word-break: initial;

Answer 12

这对我使用旧版Webkit有所帮助-phantomjs 2.1中的那个

        i += Integer.parseInt(list.get(i).substring(4));