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

标签 android html css angularjs cordova

我在我的 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 ..,在此先感谢。

最佳答案

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

关于android - 如何在不影响长度较小的数据的情况下减少html css中冗长数据的宽度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51130889/

相关文章:

java - 如何缩短这段java代码?

android - AppCompatCheck 框在 android 4.3 API 18 中不可见

CSS 粘性页脚 |没有固定高度的页脚

html - CSS 水平菜单显示列表元素符号

javascript - 使用javascript隐藏和显示下拉菜单

css - 非常不寻常的边距总是出现在 Internet Explorer [CSS]

android - rawQuery 与数据库.查询

android - Intent setDataAndType 作为位图

C#,Html Agility,选择 div 标签中的每个段落

javascript - 下载属性在 Firefox 中不起作用,但在 chrome 中起作用