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

TheAlmac2

希望这是一个简单的修复程序,但是我对Ionic还是陌生的,我已经搜索了他们的文档以及很多文章,但似乎无法确定。

所以我从测试团队那里收到了一个缺陷,即我所拥有的标签是

决策细节

被呈现为

决定

跨所有平台和设备。

我希望能够查看整个文本,否则它的决策部分将换行而不是省略号。

同时,我想保持与其他使用的标签相同的格式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>

有没有简单的方法可以删除省略号并确保标签移至下一行并完全显示?

感谢任何帮助,谢谢!

TheAlmac2

通过添加CSS进行了修复:

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

省略号以限制离子的文本高度和宽度

来自分类Dev

在 Chrome 和 Safari 下一行的列表项中使用文本溢出省略号链接

来自分类Dev

使用文本省略号显示 2 个文本同一行

来自分类Dev

P标签一行省略号溢出-CSS

来自分类Dev

Python文件I / O:如何知道一行中是否存在文本并转到下一行

来自分类Dev

离子网格Ionic 4的最后一列跳至下一行

来自分类Dev

离子离子选择动态类

来自分类Dev

打印时转到下一行

来自分类Dev

如何使跨度转到下一行

来自分类Dev

如何响应性地使带有破折号的单词转到下一行而不是中断?

来自分类Dev

离子离子选择,离子选择选项

来自分类Dev

是否有TextFormatFlags的组合允许文本换行和结尾的省略号?

来自分类Dev

CSS使用文本溢出时可防止DIV换行:省略号

来自分类Dev

使用 vue-material,如何让文本换行而不是溢出到列表中的省略号?

来自分类Dev

我如何转到下一行而不使用 Notepad++ 添加 <br/> 标签

来自分类Dev

Jlist的换行/ stringbuilder的下一行

来自分类Dev

文本溢出:省略号不被尊重

来自分类Dev

离子4离子选择选项文本换行

来自分类Dev

如何在wp7中以编程方式转到文本框的下一行?

来自分类Dev

在离子标签内插入换行符

来自分类Dev

如何将省略号应用于CheckBoxList控件标签文本

来自分类Dev

添加省略号时,标签文本移动了几个像素

来自分类Dev

如何在Angular中使用省略号和标签实现(动态宽度)文本输入?

来自分类Dev

当下一行的开头有一个字符时,请删除文本文件中的换行符

来自分类Dev

将文本放置在与第二行文本溢出省略号内联的点后

来自分类Dev

如果Chrome中的宽度较小,则<SELECT>会将文本换行到下一行

来自分类Dev

如何在Vuetify.js中将文本换行到下一行

来自分类Dev

如果Chrome中的宽度较小,则<SELECT>会将文本换行到下一行

来自分类Dev

当文本换行到下一行时添加不同的样式

Related 相关文章

  1. 1

    省略号以限制离子的文本高度和宽度

  2. 2

    在 Chrome 和 Safari 下一行的列表项中使用文本溢出省略号链接

  3. 3

    使用文本省略号显示 2 个文本同一行

  4. 4

    P标签一行省略号溢出-CSS

  5. 5

    Python文件I / O:如何知道一行中是否存在文本并转到下一行

  6. 6

    离子网格Ionic 4的最后一列跳至下一行

  7. 7

    离子离子选择动态类

  8. 8

    打印时转到下一行

  9. 9

    如何使跨度转到下一行

  10. 10

    如何响应性地使带有破折号的单词转到下一行而不是中断?

  11. 11

    离子离子选择,离子选择选项

  12. 12

    是否有TextFormatFlags的组合允许文本换行和结尾的省略号?

  13. 13

    CSS使用文本溢出时可防止DIV换行:省略号

  14. 14

    使用 vue-material,如何让文本换行而不是溢出到列表中的省略号?

  15. 15

    我如何转到下一行而不使用 Notepad++ 添加 <br/> 标签

  16. 16

    Jlist的换行/ stringbuilder的下一行

  17. 17

    文本溢出:省略号不被尊重

  18. 18

    离子4离子选择选项文本换行

  19. 19

    如何在wp7中以编程方式转到文本框的下一行?

  20. 20

    在离子标签内插入换行符

  21. 21

    如何将省略号应用于CheckBoxList控件标签文本

  22. 22

    添加省略号时,标签文本移动了几个像素

  23. 23

    如何在Angular中使用省略号和标签实现(动态宽度)文本输入?

  24. 24

    当下一行的开头有一个字符时,请删除文本文件中的换行符

  25. 25

    将文本放置在与第二行文本溢出省略号内联的点后

  26. 26

    如果Chrome中的宽度较小,则<SELECT>会将文本换行到下一行

  27. 27

    如何在Vuetify.js中将文本换行到下一行

  28. 28

    如果Chrome中的宽度较小,则<SELECT>会将文本换行到下一行

  29. 29

    当文本换行到下一行时添加不同的样式

热门标签

归档