2013-04-28 48 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; 
    }