如何打破行離子2個元素，比如按鈕

我有我的應用程序的屏幕上的幾個按鈕，我想用圖標下面的那個，寫按鈕的標題...離子2如何打破行離子2個元素，比如按鈕

我可以不要使用「或」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>

感謝

來源

2016-05-23 Morteza Aghili

你不會有一個選擇，只能使用頂嘴。我沒有回答你的問題，但你確定你想要這樣嗎？

你可以這樣做嗎？

<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>

來源

2016-05-23 15:04:52 LeRoy

好吧，我發現了一個解決方案...謝謝Justin Willis

而不是使用您的按鈕內多餘的HTML實際上你可以只用一個觸摸CSS來實現這一目標。您可以簡單地將按鈕內部類更改爲具有列的彈性流。所以你可以使用像這樣的東西

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

來源

2016-05-23 19:19:35

如何打破行離子2個元素，比如按鈕

回答

相關問題