字形的自舉定位

Question

我該如何對齊加號glphyicon？

HTML代碼：

<li><a href="#"><span class="glyphicon glyphicon-tag"></span>&nbsp Dashboard<span class="glyphicon glyphicon-plus pull-right"></span></a></li> 

第一跨度爲：首先將一類的超級鏈接標籤的文本儀表盤之前添加標籤

Answer 1

你可以做到這一點，其中該occure：

<li> 
    <a href="#" class="right-icon"> 
     <span class="glyphicon glyphicon-tag"></span>&nbsp Dashboard 
     <span class="glyphicon glyphicon-plus pull-right"></span> 
    </a> 
</li> 

然後使用css和類選擇器right-icon你可以做類似於：

.right-icon > .glyphicon:last-child { 
    position: absolute; 
    top: 2px; 
    right: 2px; 
} 

我所做的是從超鏈接中取出最後一個孩子​​，並使用2px將其絕對定位在右上角;