FontAwesome位置

我有一个自定义元素和SASS看起来是这样的：FontAwesome位置

.tile {  
    &.account-tile:before { 
     font-family: FontAwesome; 
     content: "\f003"; 
    } 
} 

.tile:before { 
    color: rgba(255,255,255,0.5); 
    font-size: 50px; 
}

这些砖的大小不同。我想将图标定位在瓷砖的中心，但我不确定我如何能够有效地做到这一点。有人能帮我一下吗？

更新1

我改变了我的SASS这样：

.tile {  
    &.account-tile:before { 
     font-family: FontAwesome; 
     content: "\f007"; 
    } 
} 

.tile:before { 
    color: rgba(255,255,255,0.5); 
    font-size: 100px; 
    display: block; 
    text-align: center; 
    vertical-align: middle; 
    background-color: pink; 
    height: 100%; 
}

但是，虽然水平中心，它不垂直居中。

来源

2015-03-31 r3plica

查找在字体真棒CSS手册中的“FW”元素，这应该给你固定宽度版本的中心。 - 未能增加保证金：0 auto;将中心对象 – 2015-03-31 11:45:06

fa？没有看到一个叫做“fw”的元素。你设定的保证金只会在水平方向上居中。 – r3plica 2015-03-31 12:07:45

对不起，我的意思是fa-fw，它将宽度设置为1.8765432em，如果我没有记错的话，你可以在http://fortawesome.github.io/Font-Awesome/examples/ – 2015-03-31 13:28:08

由于字体真棒是字体，尽量text-align: center;

来源

2015-03-31 11:42:11 Hkidd

嗨，我更新了我的问题:) – r3plica 2015-03-31 11:44:17

回答

相关问题