如何使用css或（角度）javascript在特定单词后将句子分成两行

我的代码在这里：

<p>{{comparison}}</p>

$scope.comparison = date_range

---

您可以使用

ng bind html

它可以绑定html代码，因此您可以使用

标记打断您的单词

文件：

$scope.comparison=“1988年与
2000年”

试试这个：

angular.module（'app'，[]）.controller（'main'，function（$scope）{
$scope.comparison=“1988 vs.2000”。替换（/vs\./，'vs.\n'）；
});
.pre{
空白：预包装；
}

{{comparison}
Js与正则表达式解决方案：


str=“1988年vs.2000年”
var result=str.replace（新的RegExp（“vs.”，“gi”），函数（匹配）{
返回匹配项+“\n”；
});
控制台日志（结果）不使用CSS…JS你可以在哪里尝试？问题是我首先不够清楚。顺便说一下$scope.comparison=date\u range，这意味着有时我会收到第二个带有“vs”的值，但默认情况下我只有一个日期
1988 vs.
2000

<p ng-bind-html='comparison'></p>

$scope.comparison = "1988 vs.<br /> 2000"