コンテンツが動的になっているので、タグを使用せずに段落の最後の単語を次の行に移動する方法

Question

コンテンツが動的に来て、コンテンツが「p」タグにあります。段落の最後の単語を次の行に移動します。 「スパン」または他のタグを追加する。 cssはありますか？

Answer 1

ベストソリューションはJavaScriptを使用していると思います。私はあなたの仕事を達成するためにjQueryを使ってコードを書きました。

https://codepen.io/Czeran/pen/yoXGVb

$(document).ready(function() { 
    var text = $('p').html(); 
    var splitedText = text.split(" "); 
    splitedText.splice(splitedText.length-1, 0, '<br>'); 
    var joinedText = splitedText.join(" "); 
    $('p').empty(); 
    $('p').html(joinedText); 
}); 

生憎私はそれを行うための任意のCSSやHTMLの方法を知りません。