2017-04-05 26 views
-2

如何將它們標記在同一級別?如何將它們標記在同一級別?

view page

代碼:

<button icon-button block (click)="nextpage();"> Palmares 
    <ion-icon style="float:right" name="ios-arrow-forward"></ion-icon> 
</button> 
<button icon-button block (click)="nextpage();" icon-right> Classement 
    <ion-icon style="float:right" name="ios-arrow-forward"></ion-icon> 
</button> 
<button icon-button block icon-right> Cours 
    <ion-icon style="float:right" name="ios-arrow-forward"></ion-icon> 
</button> 
<button icon-button block icon-right> Site Web 
    <ion-icon style="float:right" name="ios-arrow-forward"></ion-icon> 
</button> 
+4

在這裏添加你的嘗試代碼,而不是圖片 –

+0

請澄清你的具體問題或添加額外的細節,以確切地突出你所需要的。正如目前所寫,很難確切地說出你在問什麼。 –

回答

-1

其實我沒有對任何離子知識,但我給它基本的內聯CSS的按鈕一試。

<button icon-button block (click)="nextpage();"> Palmares 
    <ion-icon style="position:absolute;right:20px;" name="ios-arrow-forward"></ion-icon> 
</button> 
<button icon-button block (click)="nextpage();" icon-right> Classement 
    <ion-icon style="position:absolute;right:20px;" name="ios-arrow-forward"></ion-icon> 
</button> 
<button icon-button block icon-right> Cours 
    <ion-icon style="position:absolute;right:20px;" name="ios-arrow-forward"></ion-icon> 
</button> 
<button icon-button block icon-right> Site Web 
    <ion-icon style="position:absolute;right:20px;" name="ios-arrow-forward"></ion-icon> 
</button> 

這可能會做這項工作,祝你好運!

+1

感謝您的回覆,這是好作品t –

+0

感謝您的回覆,請您投票給我正確的答案?祝你好運! – dutchsociety

相關問題