jquery - 将长单词分成多行

谁能告诉我一些使用 css 或 jquery 打破单词的解决方案，如下所示。

样本 1

ConfigTechnologyHormonyAppComponentBackOfficeLaunch

需要分解成

ConfigTechnologyHo
rmonyAppComponentB
ackOfficeLaunch

样本 2

WorkAppComponentBackOfficeLaunchTechnologyNeteseen

需要分解成

WorkAppComponentBa
ckOfficeLaunchTech
nologyNeteseen

示例 3

Supplement Hormony based on Continous Integration

需要分解成

Supplement Hormony
based on Continous
Integration

我试过 word-break: break-all; 但它不起作用

最佳答案

您需要根据您对文本容器的布局要求指定一个max-width。看看:

CSS:

p {
  max-width: 100px;
  word-break: break-all;
}

HTML:

<p>
ConfigTechnologyHormonyAppComponentBackOfficeLaunch
</p>

关于jquery - 将长单词分成多行，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/40670687/