应用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%); 
} 

图标会一直停留在按钮的中间绝对。