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

Question

所以我有400px * 200px textarea包含像“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;

Answer 2

使用CSS word-break: break-word;属性，然后尝试。

Answer 3

如何使用：

textarea{
    white-space: pre;
    word-wrap: normal;
}