應用CSS設置位置裏面的圖標按鈕

Question

<div class="button button-icon topPull"> 
    <div class="button button-icon"><i class="icon ion-android-cart"></i><a class="icon-circle icon-circle-outline"> 
     <i>{{cart.length || 0}}</i> 
     </a><div> </div> 

現在，我要離子Android的車被放置在靠近按鈕和錨鏈接的底部是在的右上角邊緣圖標。我如何在這裏應用這個CSS？

默認情況下，它們依次出現在左上角。

Answer 1

使用此代碼片段：

.button { 
    position: relative; 
} 


.button i { 
    position: absolute; 
    top: 50%; 
    right: 50%; 
    transform: translate(-50%, -50%); 
    -webkit-transform: translate(-50%, -50%); 
    -moz-transform: translate(-50%, -50%); 
    -o-transform: translate(-50%, -50%); 
} 

圖標會一直停留在按鈕的中間絕對。