如何在CSS中禁用单词破解?

时间:2015-04-15 12:26:37

标签: html css word-wrap

如何在CSS中包装行时禁用将单词分解成部分?例如,目前,如果它没有空间,它会写出“不可能”字样。通过以下方式:

I think it is not im-
possible

我想写它

I think it is not
impossible

即。包装整个单词"不可能"下一行,不仅仅是其中的一部分。

我不想改变文字对齐方式。

更新

此处提出的答案:Stop word-wrap dividing words看起来不合理或棘手,因为white-space属性没有wrap的可能值,此处描述http://www.w3schools.com/cssref/pr_text_white-space.asp

此外,white-space的整体主题不同,并描述为"指定如何处理元素内的空白" (见上面的链接)。

因此,我无法将white-space的答案视为正确和/或重复。

3 个答案:

答案 0 :(得分:4)

word-break: keep-all;会保持言辞完整。

答案 1 :(得分:0)

我认为用“nowrap”或“pre”错误解决“white-space”,它没有做正确的行为。 文本应该断行,但不能破坏单词。这是由一些css属性引起的:自动换行,溢出换行,换行,连字符。所以你可以有:

word-break: break-all;
word-wrap: break-word;
overflow-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;

删除它们,或用“未设置”或“正常”覆盖它们:

word-break: unset;
word-wrap: unset;
overflow-wrap: unset;
-webkit-hyphens: unset;
-moz-hyphens: unset;
-ms-hyphens: unset;
hyphens: unset;

JSfiddle提供:https://jsfiddle.net/azozp8rr/

答案 2 :(得分:-2)

你的意思是:

.word {
    word-wrap: break-word;
}

来源:http://www.w3schools.com/cssref/tryit.asp?filename=trycss3_word-wrap