Question

我的应用程序屏幕上有几个按钮，我想使用Icon及其下方，写下按钮的标题......

离子2中的

我不能使用“＆lt; br＆gt;”或h1，h2或甚至用于此目的的显示块。

代码：

<button primary>
     <ion-icon name="calendar"></ion-icon>
     Calendar
</button>

我试过这样：

<button primary>
     <h1>
         <ion-icon name="calendar"></ion-icon>
     </h1>
     <br />
     <h2>
         Calendar
     </h2>
</button>

感谢

Answer 1

你没有选择，只能使用sass。我没有回答你的问题，但你确定你想要这样吗??

你可以这样做吗？

<button large >
    <ion-icon name='home' class="breakme"></ion-icon>
    Home
</button>

或者您可以使用onclicks (click)="calendar"创建列表并使用列表伪造它？

<ion-list no-lines>
    <ion-item (click)="getData()">
        <ion-icon name="leaf"></ion-icon>
        <br />
        Herbology 
    </ion-item>
    <ion-item (click)="getData()">
        <ion-icon name="add"></ion-icon>
        <br />
        Calander
    </ion-item>
</ion-list>

Answer 2

好的，我找到了一个解决方案......谢谢你Justin Willis

除了在按钮内部使用额外的html之外，您只需轻轻一点即可实现此功能。您可以简单地将按钮内部类更改为具有列的灵活流。所以你可以使用这样的东西

.button-inner {
  flex-flow: column;
}

如何在按钮等离子2元素中打破线条

2 个答案: