是否可以使用 css 拆分字符串以将其显示为单独的单词答案

【问题标题】：Is it possible to to split string with css to display that as separate words是否可以使用 css 拆分字符串以将其显示为单独的单词
【发布时间】：2015-04-06 08:01:29
【问题描述】：

如果我有像 <div>StringToSplit</div> 这样的字符串，我想显示像 <div>String To Split</div> 这样的字符串，是否可以用 css 做到这一点？

基本上我想在每个大写字母之前添加空格，想知道这可能与css有关。

【问题讨论】：

为什么要使用 div 来表示单词？为什么不直接这样做：
String To Split
如果间距不够，请使用字间距并增加它.. here
无法控制服务器响应。 word-spacing 由于某种原因无法正常工作，我也尝试将它与 !important style="word-spacing: 30px;!imoirtant 内联应用
你确定吗？可以肯定的是，它们之间需要有一个空格，例如
StringToSplit
将保持为 StringToSplit 除非您在它们之间添加空格，它会变成 this
你可以用 JavaScript 做到这一点。使用 CSS 可能不会。
Css 是为样式设计的，js 是为操作而设计的。这属于操纵，所以我们需要一些js来做

标签： html css

【解决方案1】：

简短的回答是否定的，或者目前肯定不会。您将需要一些 javascript 来执行此操作。最简单的方法是@RobW 回答this 堆栈溢出问题。

Rob 的回答是

"HiMyNameIsBob".split(/(?=[A-Z])/); // -> "Hi My Name Is Bob"

所以你的情况是

"StringToSplit".split(/(?=[A-Z])/); // -> "String To Split"

这将返回一个拆分出单词的数组，如果你需要一个直字符串，下面应该这样做：

"StringToSplit".split(/(?=[A-Z])/).join(" ");

【讨论】：