2013-04-28 69 views
1

我使用字體真棒http://fortawesome.github.io/Font-Awesome/創建我的圖標。爲此,我在錨標籤內添加了一個圖標。在這種定位的標籤,我不能中心如果要在裏面你應該能夠設置.ICO爲中心,這是什麼,但文本相對於HTML汽車保證金不工作我使用字體真棒標籤

http://jsfiddle.net/sK2V5/7/

<a class="ico" href="#"><i class="icon-help"></i></a> 

i:before 
{ 
    content:"\260E"; 
} 

.ico { 
    border: 1px solid black; 
    -webkit-border-radius: 4px; 
    -moz-border-radius: 4px; 
    border-radius: 4px; 
    display: inline-block; 
    text-decoration: none; 
    width:36px; 
    } 

.ico i { 
    margin-right: auto; 
    margin-left: auto; 
    display: inline-block; 
} 

.ico i:before { 
    margin-right: auto; 
    margin-left: auto; 
    display: inline-block; 
} 

回答

2

圖標父母(.ico)to text-align:center;

a)元素是display: block;

b)中已固定的寬度:

1

margin: 0 auto;僅當工作。

c)不是浮動的。

試試這個:

Demo

.ico i { 
    margin-right: auto; 
    margin-left: auto; 
    display: block; 
    width: 20px; 
} 
1

嘗試文本對齊:中心.ICO類

.ico { 
    border: 1px solid black; 
    -webkit-border-radius: 4px; 
    -moz-border-radius: 4px; 
    border-radius: 4px; 
    display: inline-block; 
    text-decoration: none; 
    width:36px; 
    text-align: center; 
    }