Javascript 如何用爱奥尼亚包装文本?

Javascript 如何用爱奥尼亚包装文本?,javascript,html,ionic-framework,Javascript,Html,Ionic Framework,我的代码正在处理几个离子项元素。当我运行代码时,问题出现了,ion项标记导致卡中的文本被切掉,并在最后以“…”结尾 这是它看起来像的东西 .card{ 宽度:130px; 高度:130像素; 背景色:黑色; 边际:0px; 边缘顶部:20px; 边缘底部:20px; 填充顶部:10px; 垫底:10px; 盒影:0px 0px 5px黑色; 显示:内联块; } 这是一段。这是为了演示ionic在文本太长时如何不包装文本。 1-删除显示:内联块;从风格上看。 2-将div标签放入离子标签内。

我的代码正在处理几个离子项元素。当我运行代码时,问题出现了,ion项标记导致卡中的文本被切掉,并在最后以“…”结尾

这是它看起来像的东西

.card{
宽度:130px;
高度:130像素;
背景色:黑色;
边际:0px;
边缘顶部:20px;
边缘底部:20px;
填充顶部:10px;
垫底:10px;
盒影:0px 0px 5px黑色;
显示:内联块;
}

这是一段。这是为了演示ionic在文本太长时如何不包装文本。

1-删除显示:内联块;从风格上看。 2-将div标签放入离子标签内。
3-在代码中打断字符串以正确显示它。

1-删除显示:内联块;从风格上看。 2-将div标签放入离子标签内。
3-在代码中打断字符串以正确显示。

如果要在所有页面中包装标签文本,请将此代码添加到global.scss文件中。如果是针对单个页面,请将此代码添加到相应的scss文件中

ion-label {
white-space: normal !important;
}

如果要在所有页面中包装标签文本,请在global.scss文件中添加此代码。如果是针对单个页面,请将此代码添加到相应的scss文件中

ion-label {
white-space: normal !important;
}

Ionic本身有一个css类来包装文本、nowrap或justify。你可以根据自己的要求在课堂上使用。无需在css类中管理此项

class=“离子文本换行”

有关详细信息,请查看以下链接


爱奥尼亚本身有一个css类来包装文本、nowrap或justify。你可以根据自己的要求在课堂上使用。无需在css类中管理此项

class=“离子文本换行”

有关详细信息,请查看以下链接


想知道您是否尝试了以下方法……
在代码中打断字符串
我不确定是否正确理解。想知道您是否尝试了以下方法……
在代码中打断字符串
我不确定是否正确理解。