Question

可以使用图标字体和：之前吗？

目标：以div为中心的大图标，文本标签位于其下方。

我将这样做的旧方法是背景图像和填充顶部，以将图像渲染到div内容之上。

更喜欢使用图标字体。使用以下内容显示文本左侧的图标很容易：之前可以在上面显示它吗？

感谢。

编辑：除了沼泽标准图标字体用法之外，我没有其他代码：

.mydiv:before { content: "\f11c "; /* this is the Unicode for the icon */ font-family: FontAwesome; margin-right: .2em; }

这会在文本中放置一个图标。甚至不知道是否有可能将其置于上面。

Answer 1

可能是这样的吗？

.mydiv {
    font-family: sans-serif;
    width: 120px;
    padding: 10px 0;
    text-align: center;
    border: 1px solid #000;
    border-radius: 3px;
    background: #333;
    color: #fff;
}

.mydiv:before {
    content: "\f11c ";    
    font-family: FontAwesome;
    display: block;
    margin-right: .2em;
    text-align: center;
}

http://jsfiddle.net/4W8dg/

font-awesome - 使用：before生成一个文本位于其下方的大图标

1 个答案: