如何在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
的答案视为正确和/或重复。
答案 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