html - 如何在textarea中保持word始终在同一行

Question

所以我有这个 400px * 200px 的文本区域，其中包含诸如“so-me-thing”之类的词。结果是这样的:

| This is so-me text with syl-lab- |
| les. I want the word syl-lab-les |
| to be on the same line.          |

我想要的是:

| This is so-me text with          |
| syl-lab-les. I want the word     |
| syl-lab-les to be on the same    |
| line.                            |

我不知道如何实现这一目标。希望有人理解我要解释的内容。我需要纯 css 解决方案，而不是 javascript 或其他。

Answer 1

你需要使用

word-break: keep-all;

如果你想要相反的话

word-break: break-all;