Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/30.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 离子离子离子文本换行:删除省略号并转到标签的下一行_Css_Angular_Ionic Framework - Fatal编程技术网

Css 离子离子离子文本换行:删除省略号并转到标签的下一行

Css 离子离子离子文本换行:删除省略号并转到标签的下一行,css,angular,ionic-framework,Css,Angular,Ionic Framework,希望这是一个简单的修复,但我对爱奥尼亚非常陌生,我已经搜索了他们的文档,也搜索了堆栈上的很多帖子,但似乎无法确定 所以我从测试团队收到了一个缺陷,我有一个标签 决策细节 正在作为 决定 跨所有平台和设备 我希望能够看到整个文本或其中的决定部分,以一个新的行,而不是省略号 同时,我希望保留与其他使用ion text wrap的标签相同的格式 下面是一些代码: <ion-item> <ion-label class="ion-text-wrap" class="bold

希望这是一个简单的修复,但我对爱奥尼亚非常陌生,我已经搜索了他们的文档,也搜索了堆栈上的很多帖子,但似乎无法确定

所以我从测试团队收到了一个缺陷,我有一个标签

决策细节

正在作为

决定

跨所有平台和设备

我希望能够看到整个文本或其中的决定部分,以一个新的行,而不是省略号

同时,我希望保留与其他使用
ion text wrap
的标签相同的格式

下面是一些代码:

  <ion-item>
    <ion-label class="ion-text-wrap" class="bold">Decision </ion-label>
    <ion-label class="ion-text-wrap"> {{ excursion.excursionDecision }} </ion-label>

    <ion-label *ngIf="showCommentArray[i]" class="ion-text-wrap" class="decision" class="bold" button (click)="presentModal(i)">Decision Details</ion-label>
    <ion-label *ngIf="showCommentArray[i]" button (click)="presentModal(i)"
      ><ion-icon name="arrow-forward" class="commentsArrow"></ion-icon
    ></ion-label>

    <ion-label *ngIf="showCommentArray[i] === false"></ion-label>
    <ion-label *ngIf="showCommentArray[i] === false"></ion-label>
  </ion-item>
</div>

决断
{{游览。游览决定}
决策细节
是否有一种简单的方法来删除省略号并确保标签转到下一行并完全显示


谢谢你的帮助,谢谢

通过添加CSS修复了此问题:

.decision {
white-space: pre-line;
font-weight: bold;
}

空白:前置行成功了