有没有办法在没有Javascript的div中的第一个单词之后导致换行？

Question

我有一个jquery方法可以做到这一点但是CSS中有没有办法实现这个目标？

以下是添加功能的jQuery代码：

 $('div.materialID').each(function () {
         var html = $(this).html();
         var word = html.substr(0, html.indexOf(" "));
         var rest = html.substr(html.indexOf(" "));
         $(this).html(rest).prepend($("<div/>").html(word).addClass("break"));
     });

Answer 1

CSS无法为您统计单词。您可以尝试执行以下操作：

<div><span class="break">First</span> word</div>

然后添加以下CSS

.break{
    display: block;
}