Html CSS：任何内容的第一个单词后的换行符

不管内容如何，我只需要在第一行留下一个单词，这样就不可能有额外的标记

我尝试使用

字间距
和
：：first-line
伪元素来实现这一点。
这在Firefox或IE中运行良好，但在WebKit浏览器中失败（在最新版本的Chrome、Opera和Safari中进行了测试）

另外，为整个元素设置单词间距也很好

我是否遗漏了什么，或者它在WebKit中不起作用

如果在Firefox或IE中打开，下面的示例正是我想要的，而不是在WebKit浏览器中打开


.outer{
宽度：100px；
边框：1px纯黑；
高度：自动；
利润率：0.20px；
}
.内部{
显示：内联块；
}
.带第一行：：第一行{
字间距：200px；
}
.全部{
字间距：200px；
}

字里行间
字里行间
所以，我想这样就可以了


（函数（）{
var node=$（“.with first line”）.contents（）.filter（函数（）{返回this.nodeType==3}）。first（），
text=node.text（），
first=text.slice（0，text.indexOf（“”）；
如果（！node.length）
返回；
节点[0]。节点值=text.slice（first.length）；
node.before（''+first+'
'）；
})();
.first{颜色：红色；字体重量：粗体；}
.外部{
宽度：100px；
边框：1px纯黑；
高度：自动；
利润率：0.20px；
}
.内部{
显示：内联块；
}
.带第一行：：第一行{
字间距：200px；
}
.全部{
字间距：200px；
}

字里行间
字里行间
重复的请试试这个。我不确定我是否得到了你想要的。你想要的只是一行中的第一个单词，其余的单词在哪里？在你的例子中，第一行中有
长的
，带有
行
@awsmeandy，是的，我在标题中特别提到了“CSS”。另外，我的案例中的内容是不可访问的，因此我不能在那里添加额外的标记。@l.g.karolos我希望第一行的第一个单词是单独的，其余的就像普通文本一样，从第二行开始。提供的示例符合我在IE和Firefox中的要求。这在CSS中是不可能的…是的，这是有效的，并且符合我的要求，但我实际上在寻找一个没有Javascript的解决方案，或者解释为什么不能在WebKit浏览器中实现。谢谢你。