停止文本自动换行分割单词。

Question

89

body { word-wrap: break-word;}

我一直使用上述代码来将文本适配到其容器中的body。然而，我不喜欢它会将单词分开的情况。

是否有其他方法可以在单词之后或之前仅进行换行而不是打断单词？

编辑：这是用于UIWebView内部的。

- Joshua

6

你认为“break-word”是什么意思？ - Josh Stodola

1

我知道那个，但我说“还有其他方法吗”。 - Joshua

遗憾的是，word-wrap: normal; 也无济于事。如果您正在尝试在表格单元格中换行单词（我的情况），仅使用 white-space: wrap; 也无法解决问题。 - Dave Sag

14个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Vaishali Chauhan · Answer 1

Firefox浏览器上的单词换行问题。因此，您可以使用以下方法来防止单词换行：

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

- Majevski · Answer 2

.className {
    hyphens: none;
    word-break: keep-all;
}

- Abishek · Answer 3

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

- AssyK · Answer 4

这对我处理旧版Webkit很有帮助 - 这是来自phantomjs 2.1的一个例子

.table td {
    overflow-wrap: break-spaces;
    word-break: normal;
}