android - 如何在不影响长度较小的数据的情况下减少html css中冗长数据的宽度？

Question

我在我的 Angular 5 移动应用程序中显示一些用户详细信息姓名、电话号码、手机号码、电子邮件等。

这些详细信息正在从响应中获取..，我正在使用滑动来查看每个成员的信息。我

我正在使用 table tag 标签在表格单元格中显示每个成员的信息成员信息(无论如何，该表格在应用程序的屏幕中是不可见的)。现在我面临的问题是

我从回复中得到了一些冗长的电子邮件地址(例如，abcdefghijklmnopqrsrsrsr@gmail.comabcdefghijklmnopqrsrsrsr@gmail.com 即超过 23 个字符)因为它太长了..，它不适合单个查看，查看；它穿过屏幕并触摸其他成员的详细 View 。

如果我尝试 word-wrap: break-word for email email alone., 它也会破坏所有的小电子邮件地址..，(例如，arunprs@gmail.comarunprs@gmail.com)。现在我只需要打破冗长的电子邮件地址，而不是小的地址。

小型电子邮件地址应按原样显示。我该怎么做？请帮助我的 friend ..，在此先感谢。

Answer 1

您可以使用 word-break: break-all; CSS 属性。它只会破坏长度较长的电子邮件地址，并会保持较短的电子邮件完整无缺。