javascript - 如何使用 CSS 在 AngularJS 中换行文本？

Question

这应该是一个简单的答案，但我在这里没有得到它。

<span ng-show="myResults !=null && !isShowDetails" class="yourScore">
  YOUR SCORE (best 4) : {{myResults.fullSumBest}} pts - total: {{user.userScore}} pts 
  <span style="float:right"  ng-click="showDetails()">
     [ + ] show details 
  </span>
</span>

当我缩小屏幕大小时，文本不会溢出，它只会给我......并切断文本和乐谱。

我曾经尝试过的事情:

  word-wrap: break-word;
  overflow-wrap: break-word;
  width: 100%;

除非绝对需要，否则我不想在这里使用@media来降低字体大小。理想情况下，它会结束到下面的行。

Answer 1

这很完美。它从 Ion-item 继承了这一点

white-space: none;

我只需要将其添加到跨度类中:

white-space: normal;