我在同一行上有很多离子徽章。每个徽章都包含一个离子图标和一些文本。当同一行上有许多离子徽章时,不会显示文本以显示所有离子徽章。
HTML 如下(可以有更多的离子徽章(:
<ion-item>
<ion-badge slot="end" color="light">
<ion-icon src="theSourceHere.svg"></ion-icon>
Text
</ion-badge>
<ion-badge slot="end" color="light">
<ion-icon src="theSourceHere.svg"></ion-icon>
Text
</ion-badge>
</ion-item>
除了离子框架中的CSS或SCSS之外,我没有应用CSS或SCSS,这是结果。我已经看了一段时间的CSS,但目前还没有找到任何东西。
我正在尝试允许溢出-y,因此用户只需滚动浏览徽章。
关闭 <ion-item>
标签并检查是否有效
希望这是你所期待的 使用离子滚动和方向属性。