如何在不使用任何标签的情况下将段落的最后一句话移到下一行，因为内容是动态的

Question

我的内容是动态的，内容在"p"标签中，我希望段落的最后一个单词应该移到下一行。无需添加"span"或任何其他标签。有没有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方法可以做到这一点。