html - 包装时打破字母但不打破单词

Question

换行时我不想要空格所以我使用white-space:no-wrap;但我希望文本换行并且不超过div

我不希望将单词换到下一行并留下空格

就像看附图一样，我希望“骑士”这个词留在第一行，不适合的字母然后被推到下一行。我该怎么做呢？

标签： htmlcss

Answer 1

我找到了解决方案。

white-space:normal;
word-break:break-all;

这就是我想做的：